209. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2024-03-04 14:39:06 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

209.1 Files compared

#LocationFileLast Modified
1/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.7/app/design/frontend/Smartwave/porto/web/icon-fontsdemo.html2023-06-18 05:01:55 +0000
2/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.8/app/design/frontend/Smartwave/porto/web/icon-fontsdemo.html2024-02-21 07:45:32 +0000

209.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1172034
Changed314
Inserted58135
Removed55110

209.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

209.4 Active regular expressions

No regular expressions were active.

209.5 Comparison detail

1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3   <head> 3   <head>
4   <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 4   <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
5   <meta charset="UTF-8"> 5   <meta charset="UTF-8">
6   <style> 6   <style>
7     html { 7     html {
8       font-size: 100%; 8       font-size: 100%;
9       -webkit-text-size-adjust: 100%; 9       -webkit-text-size-adjust: 100%;
10       -ms-text-size-adjust: 100%; 10       -ms-text-size-adjust: 100%;
11     } 11     }
12     a:focus { 12     a:focus {
13       outline: thin dotted #333; 13       outline: thin dotted #333;
14       outline: 5px auto -webkit-focus-ring-color; 14       outline: 5px auto -webkit-focus-ring-color;
15       outline-offset: -2px; 15       outline-offset: -2px;
16     } 16     }
17     a:hover, 17     a:hover,
18     a:active { 18     a:active {
19       outline: 0; 19       outline: 0;
20     } 20     }
21     input { 21     input {
22       margin: 0; 22       margin: 0;
23       font-size: 100%; 23       font-size: 100%;
24       vertical-align: middle; 24       vertical-align: middle;
25       *overflow: visible; 25       *overflow: visible;
26       line-height: normal; 26       line-height: normal;
27     } 27     }
28     input::-moz-focus-inner { 28     input::-moz-focus-inner {
29       padding: 0; 29       padding: 0;
30       border: 0; 30       border: 0;
31     } 31     }
32     body { 32     body {
33       margin: 0; 33       margin: 0;
34       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 34       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
35       font-size: 14px; 35       font-size: 14px;
36       line-height: 20px; 36       line-height: 20px;
37       color: #333; 37       color: #333;
38       background-color: #fff; 38       background-color: #fff;
39     } 39     }
40     a { 40     a {
41       color: #08c; 41       color: #08c;
42       text-decoration: none; 42       text-decoration: none;
43     } 43     }
44     a:hover { 44     a:hover {
45       color: #005580; 45       color: #005580;
46       text-decoration: underline; 46       text-decoration: underline;
47     } 47     }
48     .row { 48     .row {
49       margin-left: -20px; 49       margin-left: -20px;
50       *zoom: 1; 50       *zoom: 1;
51     } 51     }
52     .row:before, 52     .row:before,
53     .row:after { 53     .row:after {
54       display: table; 54       display: table;
55       content: ""; 55       content: "";
56       line-height: 0; 56       line-height: 0;
57     } 57     }
58     .row:after { 58     .row:after {
59       clear: both; 59       clear: both;
60     } 60     }
61     .span3 { 61     .span3 {
62       float: left; 62       float: left;
63       min-height: 1px; 63       min-height: 1px;
64       margin-left: 20px; 64       margin-left: 20px;
65       width: 220px; 65       width: 220px;
66     } 66     }
67     .container { 67     .container {
68       width: 940px; 68       width: 940px;
69       margin-right: auto; 69       margin-right: auto;
70       margin-left: auto; 70       margin-left: auto;
71       *zoom: 1; 71       *zoom: 1;
72     } 72     }
73     .container:before, 73     .container:before,
74     .container:after { 74     .container:after {
75       display: table; 75       display: table;
76       content: ""; 76       content: "";
77       line-height: 0; 77       line-height: 0;
78     } 78     }
79     .container:after { 79     .container:after {
80       clear: both; 80       clear: both;
81     } 81     }
82     small { 82     small {
83       font-size: 85%; 83       font-size: 85%;
84     } 84     }
85     h1 { 85     h1 {
86       margin: 10px 0; 86       margin: 10px 0;
87       font-family: inherit; 87       font-family: inherit;
88       font-weight: bold; 88       font-weight: bold;
89       line-height: 20px; 89       line-height: 20px;
90       color: inherit; 90       color: inherit;
91       text-rendering: optimizelegibility; 91       text-rendering: optimizelegibility;
92       line-height: 40px; 92       line-height: 40px;
93       font-size: 38.5px; 93       font-size: 38.5px;
94     } 94     }
95     h1 small { 95     h1 small {
96       font-weight: normal; 96       font-weight: normal;
97       line-height: 1; 97       line-height: 1;
98       color: #999; 98       color: #999;
99       font-size: 24.5px; 99       font-size: 24.5px;
100     } 100     }
101  101 
102     body { 102     body {
103       margin-top: 90px; 103       margin-top: 90px;
104     } 104     }
105     .header { 105     .header {
106       position: fixed; 106       position: fixed;
107       top: 0; 107       top: 0;
108       left: 50%; 108       left: 50%;
109       margin-left: -480px; 109       margin-left: -480px;
110       background-color: #fff; 110       background-color: #fff;
111       border-bottom: 1px solid #ddd; 111       border-bottom: 1px solid #ddd;
112       padding-top: 10px; 112       padding-top: 10px;
113       z-index: 10; 113       z-index: 10;
114     } 114     }
115     .footer { 115     .footer {
116       color: #ddd; 116       color: #ddd;
117       font-size: 12px; 117       font-size: 12px;
118       text-align: center; 118       text-align: center;
119       margin-top: 20px; 119       margin-top: 20px;
120     } 120     }
121     .footer a { 121     .footer a {
122       color: #ccc; 122       color: #ccc;
123       text-decoration: underline; 123       text-decoration: underline;
124     } 124     }
125     .the-icons { 125     .the-icons {
126       font-size: 14px; 126       font-size: 14px;
127       line-height: 24px; 127       line-height: 24px;
128     } 128     }
129     .switch { 129     .switch {
130       position: absolute; 130       position: absolute;
131       right: 0; 131       right: 0;
132       bottom: 10px; 132       bottom: 10px;
133       color: #666; 133       color: #666;
134     } 134     }
135     .switch input { 135     .switch input {
136       margin-right: 0.3em; 136       margin-right: 0.3em;
137     } 137     }
138     .codesOn .i-name { 138     .codesOn .i-name {
139       display: none; 139       display: none;
140     } 140     }
141     .codesOn .i-code { 141     .codesOn .i-code {
142       display: inline; 142       display: inline;
143     } 143     }
144     .i-code { 144     .i-code {
145       display: none; 145       display: none;
146     } 146     }
147     @font-face { 147     @font-face {
148       font-family: 'porto-icons'; 148       font-family: 'porto-icons';
149       src: url('./font/porto-icons.eot?50263974'); 149       src: url('./font/porto-icons.eot?41456342');
150       src: url('./font/porto-icons.eot?50263974#iefix') format('embedded-opentype'), 150       src: url('./font/porto-icons.eot?41456342#iefix') format('embedded-opentype'),
151            url('./font/porto-icons.woff?50263974') format('woff'), 151            url('./font/porto-icons.woff?41456342') format('woff'),
152            url('./font/porto-icons.ttf?50263974') format('truetype'), 152            url('./font/porto-icons.ttf?41456342') format('truetype'),
153            url('./font/porto-icons.svg?50263974#fontello') format('svg'); 153            url('./font/porto-icons.svg?41456342#porto-icons') format('svg');
154       font-weight: normal; 154       font-weight: normal;
155       font-style: normal; 155       font-style: normal;
156     } 156     }
157     .demo-icon { 157     .demo-icon {
158       font-family: "porto-icons"; 158       font-family: "porto-icons";
159       font-style: normal; 159       font-style: normal;
160       font-weight: normal; 160       font-weight: normal;
161       speak: never; 161       speak: never;
162       162      
163       display: inline-block; 163       display: inline-block;
164       text-decoration: inherit; 164       text-decoration: inherit;
165       width: 1em; 165       width: 1em;
166       margin-right: .2em; 166       margin-right: .2em;
167       text-align: center; 167       text-align: center;
168       /* opacity: .8; */ 168       /* opacity: .8; */
169       169      
170       /* For safety - reset parent styles, that can break glyph codes*/ 170       /* For safety - reset parent styles, that can break glyph codes*/
171       font-variant: normal; 171       font-variant: normal;
172       text-transform: none; 172       text-transform: none;
173       173      
174       /* fix buttons height, for twitter bootstrap */ 174       /* fix buttons height, for twitter bootstrap */
175       line-height: 1em; 175       line-height: 1em;
176       176      
177       /* Animation center compensation - margins should be symmetric */ 177       /* Animation center compensation - margins should be symmetric */
178       /* remove if not needed */ 178       /* remove if not needed */
179       margin-left: .2em; 179       margin-left: .2em;
180       180      
181       /* You can be more comfortable with increased icons size */ 181       /* You can be more comfortable with increased icons size */
182       /* font-size: 120%; */ 182       /* font-size: 120%; */
183       183      
184       /* Font smoothing. That was taken from TWBS */ 184       /* Font smoothing. That was taken from TWBS */
185       -webkit-font-smoothing: antialiased; 185       -webkit-font-smoothing: antialiased;
186       -moz-osx-font-smoothing: grayscale; 186       -moz-osx-font-smoothing: grayscale;
187       187      
188       /* Uncomment for 3D effect */ 188       /* Uncomment for 3D effect */
189       /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ 189       /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
190     } 190     }
191     </style> 191     </style>
192     <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]--> 192     <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
193     <script> 193     <script>
194       function toggleCodes(on) { 194       function toggleCodes(on) {
195         var obj = document.getElementById('icons'); 195         var obj = document.getElementById('icons');
196        196       
197         if (on) { 197         if (on) {
198           obj.className += ' codesOn'; 198           obj.className += ' codesOn';
199         } else { 199         } else {
200           obj.className = obj.className.replace(' codesOn', ''); 200           obj.className = obj.className.replace(' codesOn', '');
201         } 201         }
202       } 202       }
203     </script> 203     </script>
204   </head> 204   </head>
205   <body> 205   <body>
206     <div class="container header"> 206     <div class="container header">
207       <h1>fontello <small>font demo</small></h1> 207       <h1>porto-icons <small>font demo</small></h1>
208       <label class="switch"> 208       <label class="switch">
209         <input type="checkbox" onclick="toggleCodes(this.checked)">show codes 209         <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
210       </label> 210       </label>
211     </div> 211     </div>
212     <div class="container" id="icons"> 212     <div class="container" id="icons">
213       <div class="row"> 213       <div class="row">
214         <div class="span3" title="Code: 0xe800"> 214         <div class="span3" title="Code: 0xe800">
215           <i class="demo-icon porto-icon-spin1">&#xe800;</i> <span class="i-name">porto-icon-spin1</span><span class="i-code">0xe800</span> 215           <i class="demo-icon porto-icon-spin1">&#xe800;</i> <span class="i-name">porto-icon-spin1</span><span class="i-code">0xe800</span>
216         </div> 216         </div>
217         <div class="span3" title="Code: 0xe801"> 217         <div class="span3" title="Code: 0xe801">
218           <i class="demo-icon porto-icon-cancel">&#xe801;</i> <span class="i-name">porto-icon-cancel</span><span class="i-code">0xe801</span> 218           <i class="demo-icon porto-icon-cancel">&#xe801;</i> <span class="i-name">porto-icon-cancel</span><span class="i-code">0xe801</span>
219         </div> 219         </div>
220         <div class="span3" title="Code: 0xe802"> 220         <div class="span3" title="Code: 0xe802">
221           <i class="demo-icon porto-icon-cancel-1">&#xe802;</i> <span class="i-name">porto-icon-cancel-1</span><span class="i-code">0xe802</span> 221           <i class="demo-icon porto-icon-cancel-1">&#xe802;</i> <span class="i-name">porto-icon-cancel-1</span><span class="i-code">0xe802</span>
222         </div> 222         </div>
223         <div class="span3" title="Code: 0xe803"> 223         <div class="span3" title="Code: 0xe803">
224           <i class="demo-icon porto-icon-spin2">&#xe803;</i> <span class="i-name">porto-icon-spin2</span><span class="i-code">0xe803</span> 224           <i class="demo-icon porto-icon-spin2">&#xe803;</i> <span class="i-name">porto-icon-spin2</span><span class="i-code">0xe803</span>
225         </div> 225         </div>
226       </div> 226       </div>
227       <div class="row"> 227       <div class="row">
228         <div class="span3" title="Code: 0xe804"> 228         <div class="span3" title="Code: 0xe804">
229           <i class="demo-icon porto-icon-spin3">&#xe804;</i> <span class="i-name">porto-icon-spin3</span><span class="i-code">0xe804</span> 229           <i class="demo-icon porto-icon-spin3">&#xe804;</i> <span class="i-name">porto-icon-spin3</span><span class="i-code">0xe804</span>
230         </div> 230         </div>
231         <div class="span3" title="Code: 0xe805"> 231         <div class="span3" title="Code: 0xe805">
232           <i class="demo-icon porto-icon-spin4">&#xe805;</i> <span class="i-name">porto-icon-spin4</span><span class="i-code">0xe805</span> 232           <i class="demo-icon porto-icon-spin4">&#xe805;</i> <span class="i-name">porto-icon-spin4</span><span class="i-code">0xe805</span>
233         </div> 233         </div>
234         <div class="span3" title="Code: 0xe806"> 234         <div class="span3" title="Code: 0xe806">
235           <i class="demo-icon porto-icon-spin5">&#xe806;</i> <span class="i-name">porto-icon-spin5</span><span class="i-code">0xe806</span> 235           <i class="demo-icon porto-icon-spin5">&#xe806;</i> <span class="i-name">porto-icon-spin5</span><span class="i-code">0xe806</span>
236         </div> 236         </div>
237         <div class="span3" title="Code: 0xe807"> 237         <div class="span3" title="Code: 0xe807">
238           <i class="demo-icon porto-icon-spin6">&#xe807;</i> <span class="i-name">porto-icon-spin6</span><span class="i-code">0xe807</span> 238           <i class="demo-icon porto-icon-spin6">&#xe807;</i> <span class="i-name">porto-icon-spin6</span><span class="i-code">0xe807</span>
239         </div> 239         </div>
240       </div> 240       </div>
241       <div class="row"> 241       <div class="row">
242         <div class="span3" title="Code: 0xe808"> 242         <div class="span3" title="Code: 0xe808">
243           <i class="demo-icon porto-icon-firefox">&#xe808;</i> <span class="i-name">porto-icon-firefox</span><span class="i-code">0xe808</span> 243           <i class="demo-icon porto-icon-firefox">&#xe808;</i> <span class="i-name">porto-icon-firefox</span><span class="i-code">0xe808</span>
244         </div> 244         </div>
245         <div class="span3" title="Code: 0xe809"> 245         <div class="span3" title="Code: 0xe809">
246           <i class="demo-icon porto-icon-chrome">&#xe809;</i> <span class="i-name">porto-icon-chrome</span><span class="i-code">0xe809</span> 246           <i class="demo-icon porto-icon-chrome">&#xe809;</i> <span class="i-name">porto-icon-chrome</span><span class="i-code">0xe809</span>
247         </div> 247         </div>
248         <div class="span3" title="Code: 0xe80a"> 248         <div class="span3" title="Code: 0xe80a">
249           <i class="demo-icon porto-icon-opera">&#xe80a;</i> <span class="i-name">porto-icon-opera</span><span class="i-code">0xe80a</span> 249           <i class="demo-icon porto-icon-opera">&#xe80a;</i> <span class="i-name">porto-icon-opera</span><span class="i-code">0xe80a</span>
250         </div> 250         </div>
251         <div class="span3" title="Code: 0xe80b"> 251         <div class="span3" title="Code: 0xe80b">
252           <i class="demo-icon porto-icon-ie">&#xe80b;</i> <span class="i-name">porto-icon-ie</span><span class="i-code">0xe80b</span> 252           <i class="demo-icon porto-icon-ie">&#xe80b;</i> <span class="i-name">porto-icon-ie</span><span class="i-code">0xe80b</span>
253         </div> 253         </div>
254       </div> 254       </div>
255       <div class="row"> 255       <div class="row">
256         <div class="span3" title="Code: 0xe80c"> 256         <div class="span3" title="Code: 0xe80c">
257           <i class="demo-icon porto-icon-money">&#xe80c;</i> <span class="i-name">porto-icon-money</span><span class="i-code">0xe80c</span> 257           <i class="demo-icon porto-icon-money">&#xe80c;</i> <span class="i-name">porto-icon-money</span><span class="i-code">0xe80c</span>
258         </div> 258         </div>
259         <div class="span3" title="Code: 0xe80d"> 259         <div class="span3" title="Code: 0xe80d">
260           <i class="demo-icon porto-icon-cart-thick">&#xe80d;</i> <span class="i-name">porto-icon-cart-thick</span><span class="i-code">0xe80d</span> 260           <i class="demo-icon porto-icon-cart-thick">&#xe80d;</i> <span class="i-name">porto-icon-cart-thick</span><span class="i-code">0xe80d</span>
261         </div> 261         </div>
262         <div class="span3" title="Code: 0xe80e"> 262         <div class="span3" title="Code: 0xe80e">
263           <i class="demo-icon porto-icon-shipping">&#xe80e;</i> <span class="i-name">porto-icon-shipping</span><span class="i-code">0xe80e</span> 263           <i class="demo-icon porto-icon-shipping">&#xe80e;</i> <span class="i-name">porto-icon-shipping</span><span class="i-code">0xe80e</span>
264         </div> 264         </div>
265         <div class="span3" title="Code: 0xe80f"> 265         <div class="span3" title="Code: 0xe80f">
266           <i class="demo-icon porto-icon-support">&#xe80f;</i> <span class="i-name">porto-icon-support</span><span class="i-code">0xe80f</span> 266           <i class="demo-icon porto-icon-support">&#xe80f;</i> <span class="i-name">porto-icon-support</span><span class="i-code">0xe80f</span>
267         </div> 267         </div>
268       </div> 268       </div>
269       <div class="row"> 269       <div class="row">
270         <div class="span3" title="Code: 0xe810"> 270         <div class="span3" title="Code: 0xe810">
271           <i class="demo-icon porto-icon-business-book">&#xe810;</i> <span class="i-name">porto-icon-business-book</span><span class="i-code">0xe810</span> 271           <i class="demo-icon porto-icon-business-book">&#xe810;</i> <span class="i-name">porto-icon-business-book</span><span class="i-code">0xe810</span>
272         </div> 272         </div>
273         <div class="span3" title="Code: 0xe811"> 273         <div class="span3" title="Code: 0xe811">
274           <i class="demo-icon porto-icon-percent-shape">&#xe811;</i> <span class="i-name">porto-icon-percent-shape</span><span class="i-code">0xe811</span> 274           <i class="demo-icon porto-icon-percent-shape">&#xe811;</i> <span class="i-name">porto-icon-percent-shape</span><span class="i-code">0xe811</span>
275         </div> 275         </div>
276         <div class="span3" title="Code: 0xe812"> 276         <div class="span3" title="Code: 0xe812">
277           <i class="demo-icon porto-icon-sale-label">&#xe812;</i> <span class="i-name">porto-icon-sale-label</span><span class="i-code">0xe812</span> 277           <i class="demo-icon porto-icon-sale-label">&#xe812;</i> <span class="i-name">porto-icon-sale-label</span><span class="i-code">0xe812</span>
278         </div> 278         </div>
279         <div class="span3" title="Code: 0xe813"> 279         <div class="span3" title="Code: 0xe813">
280           <i class="demo-icon porto-icon-wishlist">&#xe813;</i> <span class="i-name">porto-icon-wishlist</span><span class="i-code">0xe813</span> 280           <i class="demo-icon porto-icon-wishlist">&#xe813;</i> <span class="i-name">porto-icon-wishlist</span><span class="i-code">0xe813</span>
281         </div> 281         </div>
282       </div> 282       </div>
283       <div class="row"> 283       <div class="row">
284         <div class="span3" title="Code: 0xe814"> 284         <div class="span3" title="Code: 0xe814">
285           <i class="demo-icon porto-icon-sale-discount">&#xe814;</i> <span class="i-name">porto-icon-sale-discount</span><span class="i-code">0xe814</span> 285           <i class="demo-icon porto-icon-sale-discount">&#xe814;</i> <span class="i-name">porto-icon-sale-discount</span><span class="i-code">0xe814</span>
286         </div> 286         </div>
287         <div class="span3" title="Code: 0xe815"> 287         <div class="span3" title="Code: 0xe815">
288           <i class="demo-icon porto-icon-phone-call">&#xe815;</i> <span class="i-name">porto-icon-phone-call</span><span class="i-code">0xe815</span> 288           <i class="demo-icon porto-icon-phone-call">&#xe815;</i> <span class="i-name">porto-icon-phone-call</span><span class="i-code">0xe815</span>
289         </div> 289         </div>
290         <div class="span3" title="Code: 0xe816"> 290         <div class="span3" title="Code: 0xe816">
291           <i class="demo-icon porto-icon-help-circle">&#xe816;</i> <span class="i-name">porto-icon-help-circle</span><span class="i-code">0xe816</span> 291           <i class="demo-icon porto-icon-help-circle">&#xe816;</i> <span class="i-name">porto-icon-help-circle</span><span class="i-code">0xe816</span>
292         </div> 292         </div>
293         <div class="span3" title="Code: 0xe817"> 293         <div class="span3" title="Code: 0xe817">
294           <i class="demo-icon porto-icon-shipping-truck">&#xe817;</i> <span class="i-name">porto-icon-shipping-truck</span><span class="i-code">0xe817</span> 294           <i class="demo-icon porto-icon-shipping-truck">&#xe817;</i> <span class="i-name">porto-icon-shipping-truck</span><span class="i-code">0xe817</span>
295         </div> 295         </div>
296       </div> 296       </div>
297       <div class="row"> 297       <div class="row">
298         <div class="span3" title="Code: 0xe818"> 298         <div class="span3" title="Code: 0xe818">
299           <i class="demo-icon porto-icon-map-location">&#xe818;</i> <span class="i-name">porto-icon-map-location</span><span class="i-code">0xe818</span> 299           <i class="demo-icon porto-icon-map-location">&#xe818;</i> <span class="i-name">porto-icon-map-location</span><span class="i-code">0xe818</span>
300         </div> 300         </div>
301         <div class="span3" title="Code: 0xe819"> 301         <div class="span3" title="Code: 0xe819">
302           <i class="demo-icon porto-icon-angle-left">&#xe819;</i> <span class="i-name">porto-icon-angle-left</span><span class="i-code">0xe819</span> 302           <i class="demo-icon porto-icon-angle-left">&#xe819;</i> <span class="i-name">porto-icon-angle-left</span><span class="i-code">0xe819</span>
303         </div> 303         </div>
304         <div class="span3" title="Code: 0xe81a"> 304         <div class="span3" title="Code: 0xe81a">
305           <i class="demo-icon porto-icon-angle-right">&#xe81a;</i> <span class="i-name">porto-icon-angle-right</span><span class="i-code">0xe81a</span> 305           <i class="demo-icon porto-icon-angle-right">&#xe81a;</i> <span class="i-name">porto-icon-angle-right</span><span class="i-code">0xe81a</span>
306         </div> 306         </div>
307         <div class="span3" title="Code: 0xe81b"> 307         <div class="span3" title="Code: 0xe81b">
308           <i class="demo-icon porto-icon-angle-up">&#xe81b;</i> <span class="i-name">porto-icon-angle-up</span><span class="i-code">0xe81b</span> 308           <i class="demo-icon porto-icon-angle-up">&#xe81b;</i> <span class="i-name">porto-icon-angle-up</span><span class="i-code">0xe81b</span>
309         </div> 309         </div>
310       </div> 310       </div>
311       <div class="row"> 311       <div class="row">
312         <div class="span3" title="Code: 0xe81c"> 312         <div class="span3" title="Code: 0xe81c">
313           <i class="demo-icon porto-icon-angle-down">&#xe81c;</i> <span class="i-name">porto-icon-angle-down</span><span class="i-code">0xe81c</span> 313           <i class="demo-icon porto-icon-angle-down">&#xe81c;</i> <span class="i-name">porto-icon-angle-down</span><span class="i-code">0xe81c</span>
314         </div> 314         </div>
315         <div class="span3" title="Code: 0xe81d"> 315         <div class="span3" title="Code: 0xe81d">
316           <i class="demo-icon porto-icon-down-1">&#xe81d;</i> <span class="i-name">porto-icon-down-1</span><span class="i-code">0xe81d</span> 316           <i class="demo-icon porto-icon-down-1">&#xe81d;</i> <span class="i-name">porto-icon-down-1</span><span class="i-code">0xe81d</span>
317         </div> 317         </div>
318         <div class="span3" title="Code: 0xe81e"> 318         <div class="span3" title="Code: 0xe81e">
319           <i class="demo-icon porto-icon-left-1">&#xe81e;</i> <span class="i-name">porto-icon-left-1</span><span class="i-code">0xe81e</span> 319           <i class="demo-icon porto-icon-left-1">&#xe81e;</i> <span class="i-name">porto-icon-left-1</span><span class="i-code">0xe81e</span>
320         </div> 320         </div>
321         <div class="span3" title="Code: 0xe81f"> 321         <div class="span3" title="Code: 0xe81f">
322           <i class="demo-icon porto-icon-right-1">&#xe81f;</i> <span class="i-name">porto-icon-right-1</span><span class="i-code">0xe81f</span> 322           <i class="demo-icon porto-icon-right-1">&#xe81f;</i> <span class="i-name">porto-icon-right-1</span><span class="i-code">0xe81f</span>
323         </div> 323         </div>
324       </div> 324       </div>
325       <div class="row"> 325       <div class="row">
326         <div class="span3" title="Code: 0xe820"> 326         <div class="span3" title="Code: 0xe820">
327           <i class="demo-icon porto-icon-up-1">&#xe820;</i> <span class="i-name">porto-icon-up-1</span><span class="i-code">0xe820</span> 327           <i class="demo-icon porto-icon-up-1">&#xe820;</i> <span class="i-name">porto-icon-up-1</span><span class="i-code">0xe820</span>
328         </div> 328         </div>
329         <div class="span3" title="Code: 0xe821"> 329         <div class="span3" title="Code: 0xe821">
330           <i class="demo-icon porto-icon-angle-double-left">&#xe821;</i> <span class="i-name">porto-icon-angle-double-left</span><span class="i-code">0xe821</span> 330           <i class="demo-icon porto-icon-angle-double-left">&#xe821;</i> <span class="i-name">porto-icon-angle-double-left</span><span class="i-code">0xe821</span>
331         </div> 331         </div>
332         <div class="span3" title="Code: 0xe822"> 332         <div class="span3" title="Code: 0xe822">
333           <i class="demo-icon porto-icon-angle-double-right">&#xe822;</i> <span class="i-name">porto-icon-angle-double-right</span><span class="i-code">0xe822</span> 333           <i class="demo-icon porto-icon-angle-double-right">&#xe822;</i> <span class="i-name">porto-icon-angle-double-right</span><span class="i-code">0xe822</span>
334         </div> 334         </div>
335         <div class="span3" title="Code: 0xe823"> 335         <div class="span3" title="Code: 0xe823">
336           <i class="demo-icon porto-icon-angle-double-up">&#xe823;</i> <span class="i-name">porto-icon-angle-double-up</span><span class="i-code">0xe823</span> 336           <i class="demo-icon porto-icon-angle-double-up">&#xe823;</i> <span class="i-name">porto-icon-angle-double-up</span><span class="i-code">0xe823</span>
337         </div> 337         </div>
338       </div> 338       </div>
339       <div class="row"> 339       <div class="row">
340         <div class="span3" title="Code: 0xe824"> 340         <div class="span3" title="Code: 0xe824">
341           <i class="demo-icon porto-icon-angle-double-down">&#xe824;</i> <span class="i-name">porto-icon-angle-double-down</span><span class="i-code">0xe824</span> 341           <i class="demo-icon porto-icon-angle-double-down">&#xe824;</i> <span class="i-name">porto-icon-angle-double-down</span><span class="i-code">0xe824</span>
342         </div> 342         </div>
343         <div class="span3" title="Code: 0xe825"> 343         <div class="span3" title="Code: 0xe825">
344           <i class="demo-icon porto-icon-pulley">&#xe825;</i> <span class="i-name">porto-icon-pulley</span><span class="i-code">0xe825</span> 344           <i class="demo-icon porto-icon-pulley">&#xe825;</i> <span class="i-name">porto-icon-pulley</span><span class="i-code">0xe825</span>
345         </div> 345         </div>
346         <div class="span3" title="Code: 0xe826"> 346         <div class="span3" title="Code: 0xe826">
347           <i class="demo-icon porto-icon-check-circle-2">&#xe826;</i> <span class="i-name">porto-icon-check-circle-2</span><span class="i-code">0xe826</span> 347           <i class="demo-icon porto-icon-check-circle-2">&#xe826;</i> <span class="i-name">porto-icon-check-circle-2</span><span class="i-code">0xe826</span>
348         </div> 348         </div>
349         <div class="span3" title="Code: 0xe827"> 349         <div class="span3" title="Code: 0xe827">
350           <i class="demo-icon porto-icon-skype-1">&#xe827;</i> <span class="i-name">porto-icon-skype-1</span><span class="i-code">0xe827</span> 350           <i class="demo-icon porto-icon-skype-1">&#xe827;</i> <span class="i-name">porto-icon-skype-1</span><span class="i-code">0xe827</span>
351         </div> 351         </div>
352       </div> 352       </div>
353       <div class="row"> 353       <div class="row">
    354         <div class="span3" title="Code: 0xe828">
    355           <i class="demo-icon porto-icon-wishlist-1">&#xe828;</i> <span class="i-name">porto-icon-wishlist-1</span><span class="i-code">0xe828</span>
    356         </div>
    357         <div class="span3" title="Code: 0xe829">
    358           <i class="demo-icon porto-icon-cart-thick-1">&#xe829;</i> <span class="i-name">porto-icon-cart-thick-1</span><span class="i-code">0xe829</span>
    359         </div>
    360         <div class="span3" title="Code: 0xe82a">
    361           <i class="demo-icon porto-icon-envelope">&#xe82a;</i> <span class="i-name">porto-icon-envelope</span><span class="i-code">0xe82a</span>
    362         </div>
    363         <div class="span3" title="Code: 0xe82b">
    364           <i class="demo-icon porto-icon-user-3">&#xe82b;</i> <span class="i-name">porto-icon-user-3</span><span class="i-code">0xe82b</span>
    365         </div>
    366       </div>
    367       <div class="row">
    368         <div class="span3" title="Code: 0xe82c">
    369           <i class="demo-icon porto-icon-long-arrow-alt-1">&#xe82c;</i> <span class="i-name">porto-icon-long-arrow-alt-1</span><span class="i-code">0xe82c</span>
    370         </div>
    371         <div class="span3" title="Code: 0xe82d">
    372           <i class="demo-icon porto-icon-search-5">&#xe82d;</i> <span class="i-name">porto-icon-search-5</span><span class="i-code">0xe82d</span>
    373         </div>
354         <div class="span3" title="Code: 0xe82e"> 374         <div class="span3" title="Code: 0xe82e">
355           <i class="demo-icon porto-icon-mail-alt-1">&#xe82e;</i> <span class="i-name">porto-icon-mail-alt-1</span><span class="i-code">0xe82e</span> 375           <i class="demo-icon porto-icon-mail-alt-1">&#xe82e;</i> <span class="i-name">porto-icon-mail-alt-1</span><span class="i-code">0xe82e</span>
356         </div> 376         </div>
357         <div class="span3" title="Code: 0xe82f"> 377         <div class="span3" title="Code: 0xe82f">
358           <i class="demo-icon porto-icon-fax">&#xe82f;</i> <span class="i-name">porto-icon-fax</span><span class="i-code">0xe82f</span> 378           <i class="demo-icon porto-icon-fax">&#xe82f;</i> <span class="i-name">porto-icon-fax</span><span class="i-code">0xe82f</span>
359         </div> 379         </div>
    380       </div>
    381       <div class="row">
360         <div class="span3" title="Code: 0xe830"> 382         <div class="span3" title="Code: 0xe830">
361           <i class="demo-icon porto-icon-lock">&#xe830;</i> <span class="i-name">porto-icon-lock</span><span class="i-code">0xe830</span> 383           <i class="demo-icon porto-icon-lock">&#xe830;</i> <span class="i-name">porto-icon-lock</span><span class="i-code">0xe830</span>
362         </div> 384         </div>
363         <div class="span3" title="Code: 0xe831"> 385         <div class="span3" title="Code: 0xe831">
364           <i class="demo-icon porto-icon-company">&#xe831;</i> <span class="i-name">porto-icon-company</span><span class="i-code">0xe831</span> 386           <i class="demo-icon porto-icon-company">&#xe831;</i> <span class="i-name">porto-icon-company</span><span class="i-code">0xe831</span>
365         </div> 387         </div>
366       </div>    
367       <div class="row">    
368         <div class="span3" title="Code: 0xe832"> 388         <div class="span3" title="Code: 0xe832">
369           <i class="demo-icon porto-icon-city">&#xe832;</i> <span class="i-name">porto-icon-city</span><span class="i-code">0xe832</span> 389           <i class="demo-icon porto-icon-city">&#xe832;</i> <span class="i-name">porto-icon-city</span><span class="i-code">0xe832</span>
370         </div> 390         </div>
371         <div class="span3" title="Code: 0xe833"> 391         <div class="span3" title="Code: 0xe833">
372           <i class="demo-icon porto-icon-post">&#xe833;</i> <span class="i-name">porto-icon-post</span><span class="i-code">0xe833</span> 392           <i class="demo-icon porto-icon-post">&#xe833;</i> <span class="i-name">porto-icon-post</span><span class="i-code">0xe833</span>
373         </div> 393         </div>
    394       </div>
    395       <div class="row">
374         <div class="span3" title="Code: 0xe834"> 396         <div class="span3" title="Code: 0xe834">
375           <i class="demo-icon porto-icon-country">&#xe834;</i> <span class="i-name">porto-icon-country</span><span class="i-code">0xe834</span> 397           <i class="demo-icon porto-icon-country">&#xe834;</i> <span class="i-name">porto-icon-country</span><span class="i-code">0xe834</span>
376         </div> 398         </div>
    399         <div class="span3" title="Code: 0xe835">
    400           <i class="demo-icon porto-icon-rotate">&#xe835;</i> <span class="i-name">porto-icon-rotate</span><span class="i-code">0xe835</span>
    401         </div>
377         <div class="span3" title="Code: 0xe837"> 402         <div class="span3" title="Code: 0xe837">
378           <i class="demo-icon porto-icon-mobile-1">&#xe837;</i> <span class="i-name">porto-icon-mobile-1</span><span class="i-code">0xe837</span> 403           <i class="demo-icon porto-icon-mobile-1">&#xe837;</i> <span class="i-name">porto-icon-mobile-1</span><span class="i-code">0xe837</span>
379         </div> 404         </div>
380       </div>    
381       <div class="row">    
382         <div class="span3" title="Code: 0xe83d"> 405         <div class="span3" title="Code: 0xe83d">
383           <i class="demo-icon porto-icon-forward">&#xe83d;</i> <span class="i-name">porto-icon-forward</span><span class="i-code">0xe83d</span> 406           <i class="demo-icon porto-icon-forward">&#xe83d;</i> <span class="i-name">porto-icon-forward</span><span class="i-code">0xe83d</span>
384         </div> 407         </div>
    408       </div>
    409       <div class="row">
385         <div class="span3" title="Code: 0xe83f"> 410         <div class="span3" title="Code: 0xe83f">
386           <i class="demo-icon porto-icon-cog">&#xe83f;</i> <span class="i-name">porto-icon-cog</span><span class="i-code">0xe83f</span> 411           <i class="demo-icon porto-icon-cog">&#xe83f;</i> <span class="i-name">porto-icon-cog</span><span class="i-code">0xe83f</span>
387         </div> 412         </div>
388         <div class="span3" title="Code: 0xe840"> 413         <div class="span3" title="Code: 0xe840">
389           <i class="demo-icon porto-icon-cog-alt">&#xe840;</i> <span class="i-name">porto-icon-cog-alt</span><span class="i-code">0xe840</span> 414           <i class="demo-icon porto-icon-cog-alt">&#xe840;</i> <span class="i-name">porto-icon-cog-alt</span><span class="i-code">0xe840</span>
390         </div> 415         </div>
391         <div class="span3" title="Code: 0xe841"> 416         <div class="span3" title="Code: 0xe841">
392           <i class="demo-icon porto-icon-wrench">&#xe841;</i> <span class="i-name">porto-icon-wrench</span><span class="i-code">0xe841</span> 417           <i class="demo-icon porto-icon-wrench">&#xe841;</i> <span class="i-name">porto-icon-wrench</span><span class="i-code">0xe841</span>
393         </div> 418         </div>
394       </div>    
395       <div class="row">    
396         <div class="span3" title="Code: 0xe842"> 419         <div class="span3" title="Code: 0xe842">
397           <i class="demo-icon porto-icon-quote-left">&#xe842;</i> <span class="i-name">porto-icon-quote-left</span><span class="i-code">0xe842</span> 420           <i class="demo-icon porto-icon-quote-left">&#xe842;</i> <span class="i-name">porto-icon-quote-left</span><span class="i-code">0xe842</span>
398         </div> 421         </div>
    422       </div>
    423       <div class="row">
399         <div class="span3" title="Code: 0xe843"> 424         <div class="span3" title="Code: 0xe843">
400           <i class="demo-icon porto-icon-quote-right">&#xe843;</i> <span class="i-name">porto-icon-quote-right</span><span class="i-code">0xe843</span> 425           <i class="demo-icon porto-icon-quote-right">&#xe843;</i> <span class="i-name">porto-icon-quote-right</span><span class="i-code">0xe843</span>
401         </div> 426         </div>
402         <div class="span3" title="Code: 0xe844"> 427         <div class="span3" title="Code: 0xe844">
403           <i class="demo-icon porto-icon-gift-1">&#xe844;</i> <span class="i-name">porto-icon-gift-1</span><span class="i-code">0xe844</span> 428           <i class="demo-icon porto-icon-gift-1">&#xe844;</i> <span class="i-name">porto-icon-gift-1</span><span class="i-code">0xe844</span>
404         </div> 429         </div>
405         <div class="span3" title="Code: 0xe846"> 430         <div class="span3" title="Code: 0xe846">
406           <i class="demo-icon porto-icon-euro">&#xe846;</i> <span class="i-name">porto-icon-euro</span><span class="i-code">0xe846</span> 431           <i class="demo-icon porto-icon-euro">&#xe846;</i> <span class="i-name">porto-icon-euro</span><span class="i-code">0xe846</span>
407         </div> 432         </div>
408       </div>    
409       <div class="row">    
410         <div class="span3" title="Code: 0xe847"> 433         <div class="span3" title="Code: 0xe847">
411           <i class="demo-icon porto-icon-pound">&#xe847;</i> <span class="i-name">porto-icon-pound</span><span class="i-code">0xe847</span> 434           <i class="demo-icon porto-icon-pound">&#xe847;</i> <span class="i-name">porto-icon-pound</span><span class="i-code">0xe847</span>
412         </div> 435         </div>
    436       </div>
    437       <div class="row">
413         <div class="span3" title="Code: 0xe848"> 438         <div class="span3" title="Code: 0xe848">
414           <i class="demo-icon porto-icon-rupee">&#xe848;</i> <span class="i-name">porto-icon-rupee</span><span class="i-code">0xe848</span> 439           <i class="demo-icon porto-icon-rupee">&#xe848;</i> <span class="i-name">porto-icon-rupee</span><span class="i-code">0xe848</span>
415         </div> 440         </div>
416         <div class="span3" title="Code: 0xe849"> 441         <div class="span3" title="Code: 0xe849">
417           <i class="demo-icon porto-icon-yen">&#xe849;</i> <span class="i-name">porto-icon-yen</span><span class="i-code">0xe849</span> 442           <i class="demo-icon porto-icon-yen">&#xe849;</i> <span class="i-name">porto-icon-yen</span><span class="i-code">0xe849</span>
418         </div> 443         </div>
419         <div class="span3" title="Code: 0xe84a"> 444         <div class="span3" title="Code: 0xe84a">
420           <i class="demo-icon porto-icon-rouble">&#xe84a;</i> <span class="i-name">porto-icon-rouble</span><span class="i-code">0xe84a</span> 445           <i class="demo-icon porto-icon-rouble">&#xe84a;</i> <span class="i-name">porto-icon-rouble</span><span class="i-code">0xe84a</span>
421         </div> 446         </div>
422       </div>    
423       <div class="row">    
424         <div class="span3" title="Code: 0xe84b"> 447         <div class="span3" title="Code: 0xe84b">
425           <i class="demo-icon porto-icon-try">&#xe84b;</i> <span class="i-name">porto-icon-try</span><span class="i-code">0xe84b</span> 448           <i class="demo-icon porto-icon-try">&#xe84b;</i> <span class="i-name">porto-icon-try</span><span class="i-code">0xe84b</span>
426         </div> 449         </div>
    450       </div>
    451       <div class="row">
427         <div class="span3" title="Code: 0xe84c"> 452         <div class="span3" title="Code: 0xe84c">
428           <i class="demo-icon porto-icon-won">&#xe84c;</i> <span class="i-name">porto-icon-won</span><span class="i-code">0xe84c</span> 453           <i class="demo-icon porto-icon-won">&#xe84c;</i> <span class="i-name">porto-icon-won</span><span class="i-code">0xe84c</span>
429         </div> 454         </div>
430         <div class="span3" title="Code: 0xe84d"> 455         <div class="span3" title="Code: 0xe84d">
431           <i class="demo-icon porto-icon-bitcoin">&#xe84d;</i> <span class="i-name">porto-icon-bitcoin</span><span class="i-code">0xe84d</span> 456           <i class="demo-icon porto-icon-bitcoin">&#xe84d;</i> <span class="i-name">porto-icon-bitcoin</span><span class="i-code">0xe84d</span>
432         </div> 457         </div>
433         <div class="span3" title="Code: 0xe84e"> 458         <div class="span3" title="Code: 0xe84e">
434           <i class="demo-icon porto-icon-ok-1">&#xe84e;</i> <span class="i-name">porto-icon-ok-1</span><span class="i-code">0xe84e</span> 459           <i class="demo-icon porto-icon-ok-1">&#xe84e;</i> <span class="i-name">porto-icon-ok-1</span><span class="i-code">0xe84e</span>
435         </div> 460         </div>
436       </div>    
437       <div class="row">    
438         <div class="span3" title="Code: 0xe85b"> 461         <div class="span3" title="Code: 0xe85b">
439           <i class="demo-icon porto-icon-users">&#xe85b;</i> <span class="i-name">porto-icon-users</span><span class="i-code">0xe85b</span> 462           <i class="demo-icon porto-icon-users">&#xe85b;</i> <span class="i-name">porto-icon-users</span><span class="i-code">0xe85b</span>
440         </div> 463         </div>
    464       </div>
    465       <div class="row">
441         <div class="span3" title="Code: 0xe85c"> 466         <div class="span3" title="Code: 0xe85c">
442           <i class="demo-icon porto-icon-video">&#xe85c;</i> <span class="i-name">porto-icon-video</span><span class="i-code">0xe85c</span> 467           <i class="demo-icon porto-icon-video">&#xe85c;</i> <span class="i-name">porto-icon-video</span><span class="i-code">0xe85c</span>
443         </div> 468         </div>
444         <div class="span3" title="Code: 0xe85e"> 469         <div class="span3" title="Code: 0xe85e">
445           <i class="demo-icon porto-icon-desktop">&#xe85e;</i> <span class="i-name">porto-icon-desktop</span><span class="i-code">0xe85e</span> 470           <i class="demo-icon porto-icon-desktop">&#xe85e;</i> <span class="i-name">porto-icon-desktop</span><span class="i-code">0xe85e</span>
446         </div> 471         </div>
447         <div class="span3" title="Code: 0xe85f"> 472         <div class="span3" title="Code: 0xe85f">
448           <i class="demo-icon porto-icon-doc-inv">&#xe85f;</i> <span class="i-name">porto-icon-doc-inv</span><span class="i-code">0xe85f</span> 473           <i class="demo-icon porto-icon-doc-inv">&#xe85f;</i> <span class="i-name">porto-icon-doc-inv</span><span class="i-code">0xe85f</span>
449         </div> 474         </div>
450       </div>    
451       <div class="row">    
452         <div class="span3" title="Code: 0xe860"> 475         <div class="span3" title="Code: 0xe860">
453           <i class="demo-icon porto-icon-circle">&#xe860;</i> <span class="i-name">porto-icon-circle</span><span class="i-code">0xe860</span> 476           <i class="demo-icon porto-icon-circle">&#xe860;</i> <span class="i-name">porto-icon-circle</span><span class="i-code">0xe860</span>
454         </div> 477         </div>
    478       </div>
    479       <div class="row">
455         <div class="span3" title="Code: 0xe862"> 480         <div class="span3" title="Code: 0xe862">
456           <i class="demo-icon porto-icon-circle-thin">&#xe862;</i> <span class="i-name">porto-icon-circle-thin</span><span class="i-code">0xe862</span> 481           <i class="demo-icon porto-icon-circle-thin">&#xe862;</i> <span class="i-name">porto-icon-circle-thin</span><span class="i-code">0xe862</span>
457         </div> 482         </div>
458         <div class="span3" title="Code: 0xe864"> 483         <div class="span3" title="Code: 0xe864">
459           <i class="demo-icon porto-icon-paper-plane-1">&#xe864;</i> <span class="i-name">porto-icon-paper-plane-1</span><span class="i-code">0xe864</span> 484           <i class="demo-icon porto-icon-paper-plane-1">&#xe864;</i> <span class="i-name">porto-icon-paper-plane-1</span><span class="i-code">0xe864</span>
460         </div> 485         </div>
461         <div class="span3" title="Code: 0xe865"> 486         <div class="span3" title="Code: 0xe865">
462           <i class="demo-icon porto-icon-attention-alt">&#xe865;</i> <span class="i-name">porto-icon-attention-alt</span><span class="i-code">0xe865</span> 487           <i class="demo-icon porto-icon-attention-alt">&#xe865;</i> <span class="i-name">porto-icon-attention-alt</span><span class="i-code">0xe865</span>
463         </div> 488         </div>
464       </div>    
465       <div class="row">    
466         <div class="span3" title="Code: 0xe867"> 489         <div class="span3" title="Code: 0xe867">
467           <i class="demo-icon porto-icon-compare-link">&#xe867;</i> <span class="i-name">porto-icon-compare-link</span><span class="i-code">0xe867</span> 490           <i class="demo-icon porto-icon-compare-link">&#xe867;</i> <span class="i-name">porto-icon-compare-link</span><span class="i-code">0xe867</span>
468         </div> 491         </div>
    492       </div>
    493       <div class="row">
469         <div class="span3" title="Code: 0xe868"> 494         <div class="span3" title="Code: 0xe868">
470           <i class="demo-icon porto-icon-cat-default">&#xe868;</i> <span class="i-name">porto-icon-cat-default</span><span class="i-code">0xe868</span> 495           <i class="demo-icon porto-icon-cat-default">&#xe868;</i> <span class="i-name">porto-icon-cat-default</span><span class="i-code">0xe868</span>
471         </div> 496         </div>
472         <div class="span3" title="Code: 0xe870"> 497         <div class="span3" title="Code: 0xe870">
473           <i class="demo-icon porto-icon-tag-line">&#xe870;</i> <span class="i-name">porto-icon-tag-line</span><span class="i-code">0xe870</span> 498           <i class="demo-icon porto-icon-tag-line">&#xe870;</i> <span class="i-name">porto-icon-tag-line</span><span class="i-code">0xe870</span>
474         </div> 499         </div>
475         <div class="span3" title="Code: 0xe871"> 500         <div class="span3" title="Code: 0xe871">
476           <i class="demo-icon porto-icon-bag">&#xe871;</i> <span class="i-name">porto-icon-bag</span><span class="i-code">0xe871</span> 501           <i class="demo-icon porto-icon-bag">&#xe871;</i> <span class="i-name">porto-icon-bag</span><span class="i-code">0xe871</span>
477         </div> 502         </div>
478       </div>    
479       <div class="row">    
480         <div class="span3" title="Code: 0xe872"> 503         <div class="span3" title="Code: 0xe872">
481           <i class="demo-icon porto-icon-search-1">&#xe872;</i> <span class="i-name">porto-icon-search-1</span><span class="i-code">0xe872</span> 504           <i class="demo-icon porto-icon-search-1">&#xe872;</i> <span class="i-name">porto-icon-search-1</span><span class="i-code">0xe872</span>
482         </div> 505         </div>
    506       </div>
    507       <div class="row">
483         <div class="span3" title="Code: 0xe877"> 508         <div class="span3" title="Code: 0xe877">
484           <i class="demo-icon porto-icon-online-support">&#xe877;</i> <span class="i-name">porto-icon-online-support</span><span class="i-code">0xe877</span> 509           <i class="demo-icon porto-icon-online-support">&#xe877;</i> <span class="i-name">porto-icon-online-support</span><span class="i-code">0xe877</span>
485         </div> 510         </div>
486         <div class="span3" title="Code: 0xe878"> 511         <div class="span3" title="Code: 0xe878">
487           <i class="demo-icon porto-icon-shopping-bag">&#xe878;</i> <span class="i-name">porto-icon-shopping-bag</span><span class="i-code">0xe878</span> 512           <i class="demo-icon porto-icon-shopping-bag">&#xe878;</i> <span class="i-name">porto-icon-shopping-bag</span><span class="i-code">0xe878</span>
488         </div> 513         </div>
489         <div class="span3" title="Code: 0xe879"> 514         <div class="span3" title="Code: 0xe879">
490           <i class="demo-icon porto-icon-us-dollar">&#xe879;</i> <span class="i-name">porto-icon-us-dollar</span><span class="i-code">0xe879</span> 515           <i class="demo-icon porto-icon-us-dollar">&#xe879;</i> <span class="i-name">porto-icon-us-dollar</span><span class="i-code">0xe879</span>
491         </div> 516         </div>
492       </div>    
493       <div class="row">    
494         <div class="span3" title="Code: 0xe87a"> 517         <div class="span3" title="Code: 0xe87a">
495           <i class="demo-icon porto-icon-shipped">&#xe87a;</i> <span class="i-name">porto-icon-shipped</span><span class="i-code">0xe87a</span> 518           <i class="demo-icon porto-icon-shipped">&#xe87a;</i> <span class="i-name">porto-icon-shipped</span><span class="i-code">0xe87a</span>
496         </div> 519         </div>
    520       </div>
    521       <div class="row">
497         <div class="span3" title="Code: 0xe87b"> 522         <div class="span3" title="Code: 0xe87b">
498           <i class="demo-icon porto-icon-list">&#xe87b;</i> <span class="i-name">porto-icon-list</span><span class="i-code">0xe87b</span> 523           <i class="demo-icon porto-icon-list">&#xe87b;</i> <span class="i-name">porto-icon-list</span><span class="i-code">0xe87b</span>
499         </div> 524         </div>
500         <div class="span3" title="Code: 0xe87f"> 525         <div class="span3" title="Code: 0xe87f">
501           <i class="demo-icon porto-icon-bag-2">&#xe87f;</i> <span class="i-name">porto-icon-bag-2</span><span class="i-code">0xe87f</span> 526           <i class="demo-icon porto-icon-bag-2">&#xe87f;</i> <span class="i-name">porto-icon-bag-2</span><span class="i-code">0xe87f</span>
502         </div> 527         </div>
503         <div class="span3" title="Code: 0xe880"> 528         <div class="span3" title="Code: 0xe880">
504           <i class="demo-icon porto-icon-grid">&#xe880;</i> <span class="i-name">porto-icon-grid</span><span class="i-code">0xe880</span> 529           <i class="demo-icon porto-icon-grid">&#xe880;</i> <span class="i-name">porto-icon-grid</span><span class="i-code">0xe880</span>
505         </div> 530         </div>
506       </div>    
507       <div class="row">    
508         <div class="span3" title="Code: 0xe881"> 531         <div class="span3" title="Code: 0xe881">
509           <i class="demo-icon porto-icon-bag-3">&#xe881;</i> <span class="i-name">porto-icon-bag-3</span><span class="i-code">0xe881</span> 532           <i class="demo-icon porto-icon-bag-3">&#xe881;</i> <span class="i-name">porto-icon-bag-3</span><span class="i-code">0xe881</span>
510         </div> 533         </div>
    534       </div>
    535       <div class="row">
511         <div class="span3" title="Code: 0xe882"> 536         <div class="span3" title="Code: 0xe882">
512           <i class="demo-icon porto-icon-direction">&#xe882;</i> <span class="i-name">porto-icon-direction</span><span class="i-code">0xe882</span> 537           <i class="demo-icon porto-icon-direction">&#xe882;</i> <span class="i-name">porto-icon-direction</span><span class="i-code">0xe882</span>
513         </div> 538         </div>
514         <div class="span3" title="Code: 0xe883"> 539         <div class="span3" title="Code: 0xe883">
515           <i class="demo-icon porto-icon-home">&#xe883;</i> <span class="i-name">porto-icon-home</span><span class="i-code">0xe883</span> 540           <i class="demo-icon porto-icon-home">&#xe883;</i> <span class="i-name">porto-icon-home</span><span class="i-code">0xe883</span>
516         </div> 541         </div>
517         <div class="span3" title="Code: 0xe884"> 542         <div class="span3" title="Code: 0xe884">
518           <i class="demo-icon porto-icon-magnifier">&#xe884;</i> <span class="i-name">porto-icon-magnifier</span><span class="i-code">0xe884</span> 543           <i class="demo-icon porto-icon-magnifier">&#xe884;</i> <span class="i-name">porto-icon-magnifier</span><span class="i-code">0xe884</span>
519         </div> 544         </div>
520       </div>    
521       <div class="row">    
522         <div class="span3" title="Code: 0xe885"> 545         <div class="span3" title="Code: 0xe885">
523           <i class="demo-icon porto-icon-magnifier-add">&#xe885;</i> <span class="i-name">porto-icon-magnifier-add</span><span class="i-code">0xe885</span> 546           <i class="demo-icon porto-icon-magnifier-add">&#xe885;</i> <span class="i-name">porto-icon-magnifier-add</span><span class="i-code">0xe885</span>
524         </div> 547         </div>
    548       </div>
    549       <div class="row">
525         <div class="span3" title="Code: 0xe886"> 550         <div class="span3" title="Code: 0xe886">
526           <i class="demo-icon porto-icon-magnifier-remove">&#xe886;</i> <span class="i-name">porto-icon-magnifier-remove</span><span class="i-code">0xe886</span> 551           <i class="demo-icon porto-icon-magnifier-remove">&#xe886;</i> <span class="i-name">porto-icon-magnifier-remove</span><span class="i-code">0xe886</span>
527         </div> 552         </div>
528         <div class="span3" title="Code: 0xe887"> 553         <div class="span3" title="Code: 0xe887">
529           <i class="demo-icon porto-icon-phone-1">&#xe887;</i> <span class="i-name">porto-icon-phone-1</span><span class="i-code">0xe887</span> 554           <i class="demo-icon porto-icon-phone-1">&#xe887;</i> <span class="i-name">porto-icon-phone-1</span><span class="i-code">0xe887</span>
530         </div> 555         </div>
531         <div class="span3" title="Code: 0xe888"> 556         <div class="span3" title="Code: 0xe888">
532           <i class="demo-icon porto-icon-clock-1">&#xe888;</i> <span class="i-name">porto-icon-clock-1</span><span class="i-code">0xe888</span> 557           <i class="demo-icon porto-icon-clock-1">&#xe888;</i> <span class="i-name">porto-icon-clock-1</span><span class="i-code">0xe888</span>
533         </div> 558         </div>
534       </div>    
535       <div class="row">    
536         <div class="span3" title="Code: 0xe889"> 559         <div class="span3" title="Code: 0xe889">
537           <i class="demo-icon porto-icon-heart-1">&#xe889;</i> <span class="i-name">porto-icon-heart-1</span><span class="i-code">0xe889</span> 560           <i class="demo-icon porto-icon-heart-1">&#xe889;</i> <span class="i-name">porto-icon-heart-1</span><span class="i-code">0xe889</span>
538         </div> 561         </div>
    562       </div>
    563       <div class="row">
539         <div class="span3" title="Code: 0xe88b"> 564         <div class="span3" title="Code: 0xe88b">
540           <i class="demo-icon porto-icon-earphones-alt">&#xe88b;</i> <span class="i-name">porto-icon-earphones-alt</span><span class="i-code">0xe88b</span> 565           <i class="demo-icon porto-icon-earphones-alt">&#xe88b;</i> <span class="i-name">porto-icon-earphones-alt</span><span class="i-code">0xe88b</span>
541         </div> 566         </div>
542         <div class="span3" title="Code: 0xe88c"> 567         <div class="span3" title="Code: 0xe88c">
543           <i class="demo-icon porto-icon-credit-card">&#xe88c;</i> <span class="i-name">porto-icon-credit-card</span><span class="i-code">0xe88c</span> 568           <i class="demo-icon porto-icon-credit-card">&#xe88c;</i> <span class="i-name">porto-icon-credit-card</span><span class="i-code">0xe88c</span>
544         </div> 569         </div>
545         <div class="span3" title="Code: 0xe88d"> 570         <div class="span3" title="Code: 0xe88d">
546           <i class="demo-icon porto-icon-action-undo">&#xe88d;</i> <span class="i-name">porto-icon-action-undo</span><span class="i-code">0xe88d</span> 571           <i class="demo-icon porto-icon-action-undo">&#xe88d;</i> <span class="i-name">porto-icon-action-undo</span><span class="i-code">0xe88d</span>
547         </div> 572         </div>
548       </div>    
549       <div class="row">    
550         <div class="span3" title="Code: 0xe88e"> 573         <div class="span3" title="Code: 0xe88e">
551           <i class="demo-icon porto-icon-envolope">&#xe88e;</i> <span class="i-name">porto-icon-envolope</span><span class="i-code">0xe88e</span> 574           <i class="demo-icon porto-icon-envolope">&#xe88e;</i> <span class="i-name">porto-icon-envolope</span><span class="i-code">0xe88e</span>
552         </div> 575         </div>
    576       </div>
    577       <div class="row">
553         <div class="span3" title="Code: 0xe88f"> 578         <div class="span3" title="Code: 0xe88f">
554           <i class="demo-icon porto-icon-chart">&#xe88f;</i> <span class="i-name">porto-icon-chart</span><span class="i-code">0xe88f</span> 579           <i class="demo-icon porto-icon-chart">&#xe88f;</i> <span class="i-name">porto-icon-chart</span><span class="i-code">0xe88f</span>
555         </div> 580         </div>
556         <div class="span3" title="Code: 0xe897"> 581         <div class="span3" title="Code: 0xe897">
557           <i class="demo-icon porto-icon-long-arrow-right">&#xe897;</i> <span class="i-name">porto-icon-long-arrow-right</span><span class="i-code">0xe897</span> 582           <i class="demo-icon porto-icon-long-arrow-right">&#xe897;</i> <span class="i-name">porto-icon-long-arrow-right</span><span class="i-code">0xe897</span>
558         </div> 583         </div>
559         <div class="span3" title="Code: 0xe89c"> 584         <div class="span3" title="Code: 0xe89c">
560           <i class="demo-icon porto-icon-check-circle-1">&#xe89c;</i> <span class="i-name">porto-icon-check-circle-1</span><span class="i-code">0xe89c</span> 585           <i class="demo-icon porto-icon-check-circle-1">&#xe89c;</i> <span class="i-name">porto-icon-check-circle-1</span><span class="i-code">0xe89c</span>
561         </div> 586         </div>
562       </div>    
563       <div class="row">    
564         <div class="span3" title="Code: 0xe89e"> 587         <div class="span3" title="Code: 0xe89e">
565           <i class="demo-icon porto-icon-long-arrow-alt">&#xe89e;</i> <span class="i-name">porto-icon-long-arrow-alt</span><span class="i-code">0xe89e</span> 588           <i class="demo-icon porto-icon-long-arrow-alt">&#xe89e;</i> <span class="i-name">porto-icon-long-arrow-alt</span><span class="i-code">0xe89e</span>
566         </div> 589         </div>
    590       </div>
    591       <div class="row">
567         <div class="span3" title="Code: 0xe8b9"> 592         <div class="span3" title="Code: 0xe8b9">
568           <i class="demo-icon porto-icon-user-1">&#xe8b9;</i> <span class="i-name">porto-icon-user-1</span><span class="i-code">0xe8b9</span> 593           <i class="demo-icon porto-icon-user-1">&#xe8b9;</i> <span class="i-name">porto-icon-user-1</span><span class="i-code">0xe8b9</span>
569         </div> 594         </div>
570         <div class="span3" title="Code: 0xe8ba"> 595         <div class="span3" title="Code: 0xe8ba">
571           <i class="demo-icon porto-icon-shopping-cart">&#xe8ba;</i> <span class="i-name">porto-icon-shopping-cart</span><span class="i-code">0xe8ba</span> 596           <i class="demo-icon porto-icon-shopping-cart">&#xe8ba;</i> <span class="i-name">porto-icon-shopping-cart</span><span class="i-code">0xe8ba</span>
572         </div> 597         </div>
573         <div class="span3" title="Code: 0xe8bb"> 598         <div class="span3" title="Code: 0xe8bb">
574           <i class="demo-icon porto-icon-phone-2">&#xe8bb;</i> <span class="i-name">porto-icon-phone-2</span><span class="i-code">0xe8bb</span> 599           <i class="demo-icon porto-icon-phone-2">&#xe8bb;</i> <span class="i-name">porto-icon-phone-2</span><span class="i-code">0xe8bb</span>
575         </div> 600         </div>
576       </div>    
577       <div class="row">    
578         <div class="span3" title="Code: 0xe8bf"> 601         <div class="span3" title="Code: 0xe8bf">
579           <i class="demo-icon porto-icon-percent-circle">&#xe8bf;</i> <span class="i-name">porto-icon-percent-circle</span><span class="i-code">0xe8bf</span> 602           <i class="demo-icon porto-icon-percent-circle">&#xe8bf;</i> <span class="i-name">porto-icon-percent-circle</span><span class="i-code">0xe8bf</span>
580         </div> 603         </div>
    604       </div>
    605       <div class="row">
581         <div class="span3" title="Code: 0xe8c1"> 606         <div class="span3" title="Code: 0xe8c1">
582           <i class="demo-icon porto-icon-check-circle">&#xe8c1;</i> <span class="i-name">porto-icon-check-circle</span><span class="i-code">0xe8c1</span> 607           <i class="demo-icon porto-icon-check-circle">&#xe8c1;</i> <span class="i-name">porto-icon-check-circle</span><span class="i-code">0xe8c1</span>
583         </div> 608         </div>
584         <div class="span3" title="Code: 0xe8c2"> 609         <div class="span3" title="Code: 0xe8c2">
585           <i class="demo-icon porto-icon-password-lock">&#xe8c2;</i> <span class="i-name">porto-icon-password-lock</span><span class="i-code">0xe8c2</span> 610           <i class="demo-icon porto-icon-password-lock">&#xe8c2;</i> <span class="i-name">porto-icon-password-lock</span><span class="i-code">0xe8c2</span>
586         </div> 611         </div>
587         <div class="span3" title="Code: 0xe8c4"> 612         <div class="span3" title="Code: 0xe8c4">
588           <i class="demo-icon porto-icon-arrow-right-solid">&#xe8c4;</i> <span class="i-name">porto-icon-arrow-right-solid</span><span class="i-code">0xe8c4</span> 613           <i class="demo-icon porto-icon-arrow-right-solid">&#xe8c4;</i> <span class="i-name">porto-icon-arrow-right-solid</span><span class="i-code">0xe8c4</span>
589         </div> 614         </div>
590       </div>    
591       <div class="row">    
592         <div class="span3" title="Code: 0xe8c5"> 615         <div class="span3" title="Code: 0xe8c5">
593           <i class="demo-icon porto-icon-check-solid">&#xe8c5;</i> <span class="i-name">porto-icon-check-solid</span><span class="i-code">0xe8c5</span> 616           <i class="demo-icon porto-icon-check-solid">&#xe8c5;</i> <span class="i-name">porto-icon-check-solid</span><span class="i-code">0xe8c5</span>
594         </div> 617         </div>
    618       </div>
    619       <div class="row">
595         <div class="span3" title="Code: 0xe8c6"> 620         <div class="span3" title="Code: 0xe8c6">
596           <i class="demo-icon porto-icon-rotulo">&#xe8c6;</i> <span class="i-name">porto-icon-rotulo</span><span class="i-code">0xe8c6</span> 621           <i class="demo-icon porto-icon-rotulo">&#xe8c6;</i> <span class="i-name">porto-icon-rotulo</span><span class="i-code">0xe8c6</span>
597         </div> 622         </div>
598         <div class="span3" title="Code: 0xe8c7"> 623         <div class="span3" title="Code: 0xe8c7">
599           <i class="demo-icon porto-icon-comida-organica">&#xe8c7;</i> <span class="i-name">porto-icon-comida-organica</span><span class="i-code">0xe8c7</span> 624           <i class="demo-icon porto-icon-comida-organica">&#xe8c7;</i> <span class="i-name">porto-icon-comida-organica</span><span class="i-code">0xe8c7</span>
600         </div> 625         </div>
601         <div class="span3" title="Code: 0xe8c8"> 626         <div class="span3" title="Code: 0xe8c8">
602           <i class="demo-icon porto-icon-estrela">&#xe8c8;</i> <span class="i-name">porto-icon-estrela</span><span class="i-code">0xe8c8</span> 627           <i class="demo-icon porto-icon-estrela">&#xe8c8;</i> <span class="i-name">porto-icon-estrela</span><span class="i-code">0xe8c8</span>
603         </div> 628         </div>
604       </div>    
605       <div class="row">    
606         <div class="span3" title="Code: 0xe8c9"> 629         <div class="span3" title="Code: 0xe8c9">
607           <i class="demo-icon porto-icon-fazer-compras">&#xe8c9;</i> <span class="i-name">porto-icon-fazer-compras</span><span class="i-code">0xe8c9</span> 630           <i class="demo-icon porto-icon-fazer-compras">&#xe8c9;</i> <span class="i-name">porto-icon-fazer-compras</span><span class="i-code">0xe8c9</span>
608         </div> 631         </div>
    632       </div>
    633       <div class="row">
609         <div class="span3" title="Code: 0xe8ca"> 634         <div class="span3" title="Code: 0xe8ca">
610           <i class="demo-icon porto-icon-gluten">&#xe8ca;</i> <span class="i-name">porto-icon-gluten</span><span class="i-code">0xe8ca</span> 635           <i class="demo-icon porto-icon-gluten">&#xe8ca;</i> <span class="i-name">porto-icon-gluten</span><span class="i-code">0xe8ca</span>
611         </div> 636         </div>
612         <div class="span3" title="Code: 0xe8cc"> 637         <div class="span3" title="Code: 0xe8cc">
613           <i class="demo-icon porto-icon-arrow-forward-right">&#xe8cc;</i> <span class="i-name">porto-icon-arrow-forward-right</span><span class="i-code">0xe8cc</span> 638           <i class="demo-icon porto-icon-arrow-forward-right">&#xe8cc;</i> <span class="i-name">porto-icon-arrow-forward-right</span><span class="i-code">0xe8cc</span>
614         </div> 639         </div>
615         <div class="span3" title="Code: 0xe900"> 640         <div class="span3" title="Code: 0xe900">
616           <i class="demo-icon porto-icon-category-home">&#xe900;</i> <span class="i-name">porto-icon-category-home</span><span class="i-code">0xe900</span> 641           <i class="demo-icon porto-icon-category-home">&#xe900;</i> <span class="i-name">porto-icon-category-home</span><span class="i-code">0xe900</span>
617         </div> 642         </div>
618       </div>    
619       <div class="row">    
620         <div class="span3" title="Code: 0xe901"> 643         <div class="span3" title="Code: 0xe901">
621           <i class="demo-icon porto-icon-category-motors">&#xe901;</i> <span class="i-name">porto-icon-category-motors</span><span class="i-code">0xe901</span> 644           <i class="demo-icon porto-icon-category-motors">&#xe901;</i> <span class="i-name">porto-icon-category-motors</span><span class="i-code">0xe901</span>
622         </div> 645         </div>
    646       </div>
    647       <div class="row">
623         <div class="span3" title="Code: 0xe902"> 648         <div class="span3" title="Code: 0xe902">
624           <i class="demo-icon porto-icon-category-music">&#xe902;</i> <span class="i-name">porto-icon-category-music</span><span class="i-code">0xe902</span> 649           <i class="demo-icon porto-icon-category-music">&#xe902;</i> <span class="i-name">porto-icon-category-music</span><span class="i-code">0xe902</span>
625         </div> 650         </div>
626         <div class="span3" title="Code: 0xe903"> 651         <div class="span3" title="Code: 0xe903">
627           <i class="demo-icon porto-icon-category-gifts">&#xe903;</i> <span class="i-name">porto-icon-category-gifts</span><span class="i-code">0xe903</span> 652           <i class="demo-icon porto-icon-category-gifts">&#xe903;</i> <span class="i-name">porto-icon-category-gifts</span><span class="i-code">0xe903</span>
628         </div> 653         </div>
629         <div class="span3" title="Code: 0xe904"> 654         <div class="span3" title="Code: 0xe904">
630           <i class="demo-icon porto-icon-category-electronics">&#xe904;</i> <span class="i-name">porto-icon-category-electronics</span><span class="i-code">0xe904</span> 655           <i class="demo-icon porto-icon-category-electronics">&#xe904;</i> <span class="i-name">porto-icon-category-electronics</span><span class="i-code">0xe904</span>
631         </div> 656         </div>
632       </div>    
633       <div class="row">    
634         <div class="span3" title="Code: 0xe905"> 657         <div class="span3" title="Code: 0xe905">
635           <i class="demo-icon porto-icon-category-fashion">&#xe905;</i> <span class="i-name">porto-icon-category-fashion</span><span class="i-code">0xe905</span> 658           <i class="demo-icon porto-icon-category-fashion">&#xe905;</i> <span class="i-name">porto-icon-category-fashion</span><span class="i-code">0xe905</span>
636         </div> 659         </div>
    660       </div>
    661       <div class="row">
637         <div class="span3" title="Code: 0xe906"> 662         <div class="span3" title="Code: 0xe906">
638           <i class="demo-icon porto-icon-category-hot-deals">&#xe906;</i> <span class="i-name">porto-icon-category-hot-deals</span><span class="i-code">0xe906</span> 663           <i class="demo-icon porto-icon-category-hot-deals">&#xe906;</i> <span class="i-name">porto-icon-category-hot-deals</span><span class="i-code">0xe906</span>
639         </div> 664         </div>
640         <div class="span3" title="Code: 0xe907"> 665         <div class="span3" title="Code: 0xe907">
641           <i class="demo-icon porto-icon-tag-percent">&#xe907;</i> <span class="i-name">porto-icon-tag-percent</span><span class="i-code">0xe907</span> 666           <i class="demo-icon porto-icon-tag-percent">&#xe907;</i> <span class="i-name">porto-icon-tag-percent</span><span class="i-code">0xe907</span>
642         </div> 667         </div>
643         <div class="span3" title="Code: 0xe908"> 668         <div class="span3" title="Code: 0xe908">
644           <i class="demo-icon porto-icon-console">&#xe908;</i> <span class="i-name">porto-icon-console</span><span class="i-code">0xe908</span> 669           <i class="demo-icon porto-icon-console">&#xe908;</i> <span class="i-name">porto-icon-console</span><span class="i-code">0xe908</span>
645         </div> 670         </div>
646       </div>    
647       <div class="row">    
648         <div class="span3" title="Code: 0xe909"> 671         <div class="span3" title="Code: 0xe909">
649           <i class="demo-icon porto-icon-category-furniture">&#xe909;</i> <span class="i-name">porto-icon-category-furniture</span><span class="i-code">0xe909</span> 672           <i class="demo-icon porto-icon-category-furniture">&#xe909;</i> <span class="i-name">porto-icon-category-furniture</span><span class="i-code">0xe909</span>
650         </div> 673         </div>
    674       </div>
    675       <div class="row">
651         <div class="span3" title="Code: 0xe90a"> 676         <div class="span3" title="Code: 0xe90a">
652           <i class="demo-icon porto-icon-category-garden">&#xe90a;</i> <span class="i-name">porto-icon-category-garden</span><span class="i-code">0xe90a</span> 677           <i class="demo-icon porto-icon-category-garden">&#xe90a;</i> <span class="i-name">porto-icon-category-garden</span><span class="i-code">0xe90a</span>
653         </div> 678         </div>
654         <div class="span3" title="Code: 0xe90b"> 679         <div class="span3" title="Code: 0xe90b">
655           <i class="demo-icon porto-icon-category-lanterns-lighting">&#xe90b;</i> <span class="i-name">porto-icon-category-lanterns-lighting</span><span class="i-code">0xe90b</span> 680           <i class="demo-icon porto-icon-category-lanterns-lighting">&#xe90b;</i> <span class="i-name">porto-icon-category-lanterns-lighting</span><span class="i-code">0xe90b</span>
656         </div> 681         </div>
657         <div class="span3" title="Code: 0xe90c"> 682         <div class="span3" title="Code: 0xe90c">
658           <i class="demo-icon porto-icon-category-mechanics">&#xe90c;</i> <span class="i-name">porto-icon-category-mechanics</span><span class="i-code">0xe90c</span> 683           <i class="demo-icon porto-icon-category-mechanics">&#xe90c;</i> <span class="i-name">porto-icon-category-mechanics</span><span class="i-code">0xe90c</span>
659         </div> 684         </div>
660       </div>    
661       <div class="row">    
662         <div class="span3" title="Code: 0xe90d"> 685         <div class="span3" title="Code: 0xe90d">
663           <i class="demo-icon porto-icon-category-motorcycles">&#xe90d;</i> <span class="i-name">porto-icon-category-motorcycles</span><span class="i-code">0xe90d</span> 686           <i class="demo-icon porto-icon-category-motorcycles">&#xe90d;</i> <span class="i-name">porto-icon-category-motorcycles</span><span class="i-code">0xe90d</span>
664         </div> 687         </div>
    688       </div>
    689       <div class="row">
665         <div class="span3" title="Code: 0xe90e"> 690         <div class="span3" title="Code: 0xe90e">
666           <i class="demo-icon porto-icon-category-sound-video">&#xe90e;</i> <span class="i-name">porto-icon-category-sound-video</span><span class="i-code">0xe90e</span> 691           <i class="demo-icon porto-icon-category-sound-video">&#xe90e;</i> <span class="i-name">porto-icon-category-sound-video</span><span class="i-code">0xe90e</span>
667         </div> 692         </div>
668         <div class="span3" title="Code: 0xe90f"> 693         <div class="span3" title="Code: 0xe90f">
669           <i class="demo-icon porto-icon-category-steering">&#xe90f;</i> <span class="i-name">porto-icon-category-steering</span><span class="i-code">0xe90f</span> 694           <i class="demo-icon porto-icon-category-steering">&#xe90f;</i> <span class="i-name">porto-icon-category-steering</span><span class="i-code">0xe90f</span>
670         </div> 695         </div>
671         <div class="span3" title="Code: 0xe910"> 696         <div class="span3" title="Code: 0xe910">
672           <i class="demo-icon porto-icon-category-external-accessories">&#xe910;</i> <span class="i-name">porto-icon-category-external-accessories</span><span class="i-code">0xe910</span> 697           <i class="demo-icon porto-icon-category-external-accessories">&#xe910;</i> <span class="i-name">porto-icon-category-external-accessories</span><span class="i-code">0xe910</span>
673         </div> 698         </div>
674       </div>    
675       <div class="row">    
676         <div class="span3" title="Code: 0xe911"> 699         <div class="span3" title="Code: 0xe911">
677           <i class="demo-icon porto-icon-category-fluids">&#xe911;</i> <span class="i-name">porto-icon-category-fluids</span><span class="i-code">0xe911</span> 700           <i class="demo-icon porto-icon-category-fluids">&#xe911;</i> <span class="i-name">porto-icon-category-fluids</span><span class="i-code">0xe911</span>
678         </div> 701         </div>
    702       </div>
    703       <div class="row">
679         <div class="span3" title="Code: 0xe912"> 704         <div class="span3" title="Code: 0xe912">
680           <i class="demo-icon porto-icon-category-internal-accessories">&#xe912;</i> <span class="i-name">porto-icon-category-internal-accessories</span><span class="i-code">0xe912</span> 705           <i class="demo-icon porto-icon-category-internal-accessories">&#xe912;</i> <span class="i-name">porto-icon-category-internal-accessories</span><span class="i-code">0xe912</span>
681         </div> 706         </div>
682         <div class="span3" title="Code: 0xe913"> 707         <div class="span3" title="Code: 0xe913">
683           <i class="demo-icon porto-icon-category-chains">&#xe913;</i> <span class="i-name">porto-icon-category-chains</span><span class="i-code">0xe913</span> 708           <i class="demo-icon porto-icon-category-chains">&#xe913;</i> <span class="i-name">porto-icon-category-chains</span><span class="i-code">0xe913</span>
684         </div> 709         </div>
685         <div class="span3" title="Code: 0xe914"> 710         <div class="span3" title="Code: 0xe914">
686           <i class="demo-icon porto-icon-category-frames">&#xe914;</i> <span class="i-name">porto-icon-category-frames</span><span class="i-code">0xe914</span> 711           <i class="demo-icon porto-icon-category-frames">&#xe914;</i> <span class="i-name">porto-icon-category-frames</span><span class="i-code">0xe914</span>
687         </div> 712         </div>
688       </div>    
689       <div class="row">    
690         <div class="span3" title="Code: 0xe915"> 713         <div class="span3" title="Code: 0xe915">
691           <i class="demo-icon porto-icon-category-pedals">&#xe915;</i> <span class="i-name">porto-icon-category-pedals</span><span class="i-code">0xe915</span> 714           <i class="demo-icon porto-icon-category-pedals">&#xe915;</i> <span class="i-name">porto-icon-category-pedals</span><span class="i-code">0xe915</span>
692         </div> 715         </div>
    716       </div>
    717       <div class="row">
693         <div class="span3" title="Code: 0xe916"> 718         <div class="span3" title="Code: 0xe916">
694           <i class="demo-icon porto-icon-category-saddle">&#xe916;</i> <span class="i-name">porto-icon-category-saddle</span><span class="i-code">0xe916</span> 719           <i class="demo-icon porto-icon-category-saddle">&#xe916;</i> <span class="i-name">porto-icon-category-saddle</span><span class="i-code">0xe916</span>
695         </div> 720         </div>
696         <div class="span3" title="Code: 0xe917"> 721         <div class="span3" title="Code: 0xe917">
697           <i class="demo-icon porto-icon-category-tools">&#xe917;</i> <span class="i-name">porto-icon-category-tools</span><span class="i-code">0xe917</span> 722           <i class="demo-icon porto-icon-category-tools">&#xe917;</i> <span class="i-name">porto-icon-category-tools</span><span class="i-code">0xe917</span>
698         </div> 723         </div>
699         <div class="span3" title="Code: 0xe918"> 724         <div class="span3" title="Code: 0xe918">
700           <i class="demo-icon porto-icon-search-4">&#xe918;</i> <span class="i-name">porto-icon-search-4</span><span class="i-code">0xe918</span> 725           <i class="demo-icon porto-icon-search-4">&#xe918;</i> <span class="i-name">porto-icon-search-4</span><span class="i-code">0xe918</span>
701         </div> 726         </div>
702       </div>    
703       <div class="row">    
704         <div class="span3" title="Code: 0xe919"> 727         <div class="span3" title="Code: 0xe919">
705           <i class="demo-icon porto-icon-secure-payment">&#xe919;</i> <span class="i-name">porto-icon-secure-payment</span><span class="i-code">0xe919</span> 728           <i class="demo-icon porto-icon-secure-payment">&#xe919;</i> <span class="i-name">porto-icon-secure-payment</span><span class="i-code">0xe919</span>
706         </div> 729         </div>
    730       </div>
    731       <div class="row">
707         <div class="span3" title="Code: 0xe91a"> 732         <div class="span3" title="Code: 0xe91a">
708           <i class="demo-icon porto-icon-user-2">&#xe91a;</i> <span class="i-name">porto-icon-user-2</span><span class="i-code">0xe91a</span> 733           <i class="demo-icon porto-icon-user-2">&#xe91a;</i> <span class="i-name">porto-icon-user-2</span><span class="i-code">0xe91a</span>
709         </div> 734         </div>
710         <div class="span3" title="Code: 0xe91b"> 735         <div class="span3" title="Code: 0xe91b">
711           <i class="demo-icon porto-icon-wishlist-2">&#xe91b;</i> <span class="i-name">porto-icon-wishlist-2</span><span class="i-code">0xe91b</span> 736           <i class="demo-icon porto-icon-wishlist-2">&#xe91b;</i> <span class="i-name">porto-icon-wishlist-2</span><span class="i-code">0xe91b</span>
712         </div> 737         </div>
713         <div class="span3" title="Code: 0xe91c"> 738         <div class="span3" title="Code: 0xe91c">
714           <i class="demo-icon porto-icon-gift2">&#xe91c;</i> <span class="i-name">porto-icon-gift2</span><span class="i-code">0xe91c</span> 739           <i class="demo-icon porto-icon-gift2">&#xe91c;</i> <span class="i-name">porto-icon-gift2</span><span class="i-code">0xe91c</span>
715         </div> 740         </div>
716       </div>    
717       <div class="row">    
718         <div class="span3" title="Code: 0xe91d"> 741         <div class="span3" title="Code: 0xe91d">
719           <i class="demo-icon porto-icon-edit">&#xe91d;</i> <span class="i-name">porto-icon-edit</span><span class="i-code">0xe91d</span> 742           <i class="demo-icon porto-icon-edit">&#xe91d;</i> <span class="i-name">porto-icon-edit</span><span class="i-code">0xe91d</span>
720         </div> 743         </div>
    744       </div>
    745       <div class="row">
721         <div class="span3" title="Code: 0xe91e"> 746         <div class="span3" title="Code: 0xe91e">
722           <i class="demo-icon porto-icon-chef">&#xe91e;</i> <span class="i-name">porto-icon-chef</span><span class="i-code">0xe91e</span> 747           <i class="demo-icon porto-icon-chef">&#xe91e;</i> <span class="i-name">porto-icon-chef</span><span class="i-code">0xe91e</span>
723         </div> 748         </div>
724         <div class="span3" title="Code: 0xe91f"> 749         <div class="span3" title="Code: 0xe91f">
725           <i class="demo-icon porto-icon-smiling-girl">&#xe91f;</i> <span class="i-name">porto-icon-smiling-girl</span><span class="i-code">0xe91f</span> 750           <i class="demo-icon porto-icon-smiling-girl">&#xe91f;</i> <span class="i-name">porto-icon-smiling-girl</span><span class="i-code">0xe91f</span>
726         </div> 751         </div>
727         <div class="span3" title="Code: 0xe920"> 752         <div class="span3" title="Code: 0xe920">
728           <i class="demo-icon porto-icon-tshirt">&#xe920;</i> <span class="i-name">porto-icon-tshirt</span><span class="i-code">0xe920</span> 753           <i class="demo-icon porto-icon-tshirt">&#xe920;</i> <span class="i-name">porto-icon-tshirt</span><span class="i-code">0xe920</span>
729         </div> 754         </div>
730       </div>    
731       <div class="row">    
732         <div class="span3" title="Code: 0xe921"> 755         <div class="span3" title="Code: 0xe921">
733           <i class="demo-icon porto-icon-boy-broad-smile">&#xe921;</i> <span class="i-name">porto-icon-boy-broad-smile</span><span class="i-code">0xe921</span> 756           <i class="demo-icon porto-icon-boy-broad-smile">&#xe921;</i> <span class="i-name">porto-icon-boy-broad-smile</span><span class="i-code">0xe921</span>
734         </div> 757         </div>
    758       </div>
    759       <div class="row">
735         <div class="span3" title="Code: 0xe922"> 760         <div class="span3" title="Code: 0xe922">
736           <i class="demo-icon porto-icon-smiling-baby">&#xe922;</i> <span class="i-name">porto-icon-smiling-baby</span><span class="i-code">0xe922</span> 761           <i class="demo-icon porto-icon-smiling-baby">&#xe922;</i> <span class="i-name">porto-icon-smiling-baby</span><span class="i-code">0xe922</span>
737         </div> 762         </div>
738         <div class="span3" title="Code: 0xe923"> 763         <div class="span3" title="Code: 0xe923">
739           <i class="demo-icon porto-icon-menu-button-of-three-lines-outline">&#xe923;</i> <span class="i-name">porto-icon-menu-button-of-three-lines-outline</span><span class="i-code">0xe923</span> 764           <i class="demo-icon porto-icon-menu-button-of-three-lines-outline">&#xe923;</i> <span class="i-name">porto-icon-menu-button-of-three-lines-outline</span><span class="i-code">0xe923</span>
740         </div> 765         </div>
741         <div class="span3" title="Code: 0xe924"> 766         <div class="span3" title="Code: 0xe924">
742           <i class="demo-icon porto-icon-callin">&#xe924;</i> <span class="i-name">porto-icon-callin</span><span class="i-code">0xe924</span> 767           <i class="demo-icon porto-icon-callin">&#xe924;</i> <span class="i-name">porto-icon-callin</span><span class="i-code">0xe924</span>
743         </div> 768         </div>
744       </div>    
745       <div class="row">    
746         <div class="span3" title="Code: 0xf110"> 769         <div class="span3" title="Code: 0xf110">
747           <i class="demo-icon porto-icon-spinner">&#xf110;</i> <span class="i-name">porto-icon-spinner</span><span class="i-code">0xf110</span> 770           <i class="demo-icon porto-icon-spinner">&#xf110;</i> <span class="i-name">porto-icon-spinner</span><span class="i-code">0xf110</span>
748         </div> 771         </div>
    772       </div>
    773       <div class="row">
749         <div class="span3" title="Code: 0xf1de"> 774         <div class="span3" title="Code: 0xf1de">
750           <i class="demo-icon porto-icon-sliders">&#xf1de;</i> <span class="i-name">porto-icon-sliders</span><span class="i-code">0xf1de</span> 775           <i class="demo-icon porto-icon-sliders">&#xf1de;</i> <span class="i-name">porto-icon-sliders</span><span class="i-code">0xf1de</span>
751         </div> 776         </div>
752         <div class="span3" title="Code: 0xf291"> 777         <div class="span3" title="Code: 0xf291">
753           <i class="demo-icon porto-icon-shopping-basket">&#xf291;</i> <span class="i-name">porto-icon-shopping-basket</span><span class="i-code">0xf291</span> 778           <i class="demo-icon porto-icon-shopping-basket">&#xf291;</i> <span class="i-name">porto-icon-shopping-basket</span><span class="i-code">0xf291</span>
754         </div> 779         </div>
755         <div class="span3" title="Code: 0xf309"> 780         <div class="span3" title="Code: 0xf309">
756           <i class="demo-icon porto-icon-long-arrow-alt-down">&#xf309;</i> <span class="i-name">porto-icon-long-arrow-alt-down</span><span class="i-code">0xf309</span> 781           <i class="demo-icon porto-icon-long-arrow-alt-down">&#xf309;</i> <span class="i-name">porto-icon-long-arrow-alt-down</span><span class="i-code">0xf309</span>
757         </div> 782         </div>
758       </div>    
759       <div class="row">    
760         <div class="span3" title="Code: 0xf30a"> 783         <div class="span3" title="Code: 0xf30a">
761           <i class="demo-icon porto-icon-long-arrow-alt-left">&#xf30a;</i> <span class="i-name">porto-icon-long-arrow-alt-left</span><span class="i-code">0xf30a</span> 784           <i class="demo-icon porto-icon-long-arrow-alt-left">&#xf30a;</i> <span class="i-name">porto-icon-long-arrow-alt-left</span><span class="i-code">0xf30a</span>
762         </div> 785         </div>
    786       </div>
    787       <div class="row">
763         <div class="span3" title="Code: 0xf30b"> 788         <div class="span3" title="Code: 0xf30b">
764           <i class="demo-icon porto-icon-long-arrow-alt-right">&#xf30b;</i> <span class="i-name">porto-icon-long-arrow-alt-right</span><span class="i-code">0xf30b</span> 789           <i class="demo-icon porto-icon-long-arrow-alt-right">&#xf30b;</i> <span class="i-name">porto-icon-long-arrow-alt-right</span><span class="i-code">0xf30b</span>
765         </div> 790         </div>
766         <div class="span3" title="Code: 0xf30c"> 791         <div class="span3" title="Code: 0xf30c">
767           <i class="demo-icon porto-icon-long-arrow-alt-up">&#xf30c;</i> <span class="i-name">porto-icon-long-arrow-alt-up</span><span class="i-code">0xf30c</span> 792           <i class="demo-icon porto-icon-long-arrow-alt-up">&#xf30c;</i> <span class="i-name">porto-icon-long-arrow-alt-up</span><span class="i-code">0xf30c</span>
768         </div> 793         </div>
769         <div class="span3" title="Code: 0xf800"> 794         <div class="span3" title="Code: 0xf800">
770           <i class="demo-icon porto-icon-up-open">&#xf800;</i> <span class="i-name">porto-icon-up-open</span><span class="i-code">0xf800</span> 795           <i class="demo-icon porto-icon-up-open">&#xf800;</i> <span class="i-name">porto-icon-up-open</span><span class="i-code">0xf800</span>
771         </div> 796         </div>
772       </div>    
773       <div class="row">    
774         <div class="span3" title="Code: 0xf801"> 797         <div class="span3" title="Code: 0xf801">
775           <i class="demo-icon porto-icon-right-open">&#xf801;</i> <span class="i-name">porto-icon-right-open</span><span class="i-code">0xf801</span> 798           <i class="demo-icon porto-icon-right-open">&#xf801;</i> <span class="i-name">porto-icon-right-open</span><span class="i-code">0xf801</span>
776         </div> 799         </div>
    800       </div>
    801       <div class="row">
777         <div class="span3" title="Code: 0xf802"> 802         <div class="span3" title="Code: 0xf802">
778           <i class="demo-icon porto-icon-left-open">&#xf802;</i> <span class="i-name">porto-icon-left-open</span><span class="i-code">0xf802</span> 803           <i class="demo-icon porto-icon-left-open">&#xf802;</i> <span class="i-name">porto-icon-left-open</span><span class="i-code">0xf802</span>
779         </div> 804         </div>
780         <div class="span3" title="Code: 0xf803"> 805         <div class="span3" title="Code: 0xf803">
781           <i class="demo-icon porto-icon-down-open">&#xf803;</i> <span class="i-name">porto-icon-down-open</span><span class="i-code">0xf803</span> 806           <i class="demo-icon porto-icon-down-open">&#xf803;</i> <span class="i-name">porto-icon-down-open</span><span class="i-code">0xf803</span>
782         </div> 807         </div>
783         <div class="span3" title="Code: 0xf804"> 808         <div class="span3" title="Code: 0xf804">
784           <i class="demo-icon porto-icon-up-open-mini">&#xf804;</i> <span class="i-name">porto-icon-up-open-mini</span><span class="i-code">0xf804</span> 809           <i class="demo-icon porto-icon-up-open-mini">&#xf804;</i> <span class="i-name">porto-icon-up-open-mini</span><span class="i-code">0xf804</span>
785         </div> 810         </div>
786       </div>    
787       <div class="row">    
788         <div class="span3" title="Code: 0xf805"> 811         <div class="span3" title="Code: 0xf805">
789           <i class="demo-icon porto-icon-right-open-mini">&#xf805;</i> <span class="i-name">porto-icon-right-open-mini</span><span class="i-code">0xf805</span> 812           <i class="demo-icon porto-icon-right-open-mini">&#xf805;</i> <span class="i-name">porto-icon-right-open-mini</span><span class="i-code">0xf805</span>
790         </div> 813         </div>
    814       </div>
    815       <div class="row">
791         <div class="span3" title="Code: 0xf806"> 816         <div class="span3" title="Code: 0xf806">
792           <i class="demo-icon porto-icon-left-open-mini">&#xf806;</i> <span class="i-name">porto-icon-left-open-mini</span><span class="i-code">0xf806</span> 817           <i class="demo-icon porto-icon-left-open-mini">&#xf806;</i> <span class="i-name">porto-icon-left-open-mini</span><span class="i-code">0xf806</span>
793         </div> 818         </div>
794         <div class="span3" title="Code: 0xf807"> 819         <div class="span3" title="Code: 0xf807">
795           <i class="demo-icon porto-icon-down-open-mini">&#xf807;</i> <span class="i-name">porto-icon-down-open-mini</span><span class="i-code">0xf807</span> 820           <i class="demo-icon porto-icon-down-open-mini">&#xf807;</i> <span class="i-name">porto-icon-down-open-mini</span><span class="i-code">0xf807</span>
796         </div> 821         </div>
797         <div class="span3" title="Code: 0xf808"> 822         <div class="span3" title="Code: 0xf808">
798           <i class="demo-icon porto-icon-up-open-big">&#xf808;</i> <span class="i-name">porto-icon-up-open-big</span><span class="i-code">0xf808</span> 823           <i class="demo-icon porto-icon-up-open-big">&#xf808;</i> <span class="i-name">porto-icon-up-open-big</span><span class="i-code">0xf808</span>
799         </div> 824         </div>
800       </div>    
801       <div class="row">    
802         <div class="span3" title="Code: 0xf809"> 825         <div class="span3" title="Code: 0xf809">
803           <i class="demo-icon porto-icon-right-open-big">&#xf809;</i> <span class="i-name">porto-icon-right-open-big</span><span class="i-code">0xf809</span> 826           <i class="demo-icon porto-icon-right-open-big">&#xf809;</i> <span class="i-name">porto-icon-right-open-big</span><span class="i-code">0xf809</span>
804         </div> 827         </div>
    828       </div>
    829       <div class="row">
805         <div class="span3" title="Code: 0xf80a"> 830         <div class="span3" title="Code: 0xf80a">
806           <i class="demo-icon porto-icon-left-open-big">&#xf80a;</i> <span class="i-name">porto-icon-left-open-big</span><span class="i-code">0xf80a</span> 831           <i class="demo-icon porto-icon-left-open-big">&#xf80a;</i> <span class="i-name">porto-icon-left-open-big</span><span class="i-code">0xf80a</span>
807         </div> 832         </div>
808         <div class="span3" title="Code: 0xf80b"> 833         <div class="span3" title="Code: 0xf80b">
809           <i class="demo-icon porto-icon-down-open-big">&#xf80b;</i> <span class="i-name">porto-icon-down-open-big</span><span class="i-code">0xf80b</span> 834           <i class="demo-icon porto-icon-down-open-big">&#xf80b;</i> <span class="i-name">porto-icon-down-open-big</span><span class="i-code">0xf80b</span>
810         </div> 835         </div>
811         <div class="span3" title="Code: 0xf80c"> 836         <div class="span3" title="Code: 0xf80c">
812           <i class="demo-icon porto-icon-up-open-huge">&#xf80c;</i> <span class="i-name">porto-icon-up-open-huge</span><span class="i-code">0xf80c</span> 837           <i class="demo-icon porto-icon-up-open-huge">&#xf80c;</i> <span class="i-name">porto-icon-up-open-huge</span><span class="i-code">0xf80c</span>
813         </div> 838         </div>
814       </div>    
815       <div class="row">    
816         <div class="span3" title="Code: 0xf80d"> 839         <div class="span3" title="Code: 0xf80d">
817           <i class="demo-icon porto-icon-right-open-huge">&#xf80d;</i> <span class="i-name">porto-icon-right-open-huge</span><span class="i-code">0xf80d</span> 840           <i class="demo-icon porto-icon-right-open-huge">&#xf80d;</i> <span class="i-name">porto-icon-right-open-huge</span><span class="i-code">0xf80d</span>
818         </div> 841         </div>
    842       </div>
    843       <div class="row">
819         <div class="span3" title="Code: 0xf80e"> 844         <div class="span3" title="Code: 0xf80e">
820           <i class="demo-icon porto-icon-left-open-huge">&#xf80e;</i> <span class="i-name">porto-icon-left-open-huge</span><span class="i-code">0xf80e</span> 845           <i class="demo-icon porto-icon-left-open-huge">&#xf80e;</i> <span class="i-name">porto-icon-left-open-huge</span><span class="i-code">0xf80e</span>
821         </div> 846         </div>
822         <div class="span3" title="Code: 0xf80f"> 847         <div class="span3" title="Code: 0xf80f">
823           <i class="demo-icon porto-icon-down-open-huge">&#xf80f;</i> <span class="i-name">porto-icon-down-open-huge</span><span class="i-code">0xf80f</span> 848           <i class="demo-icon porto-icon-down-open-huge">&#xf80f;</i> <span class="i-name">porto-icon-down-open-huge</span><span class="i-code">0xf80f</span>
824         </div> 849         </div>
825         <div class="span3" title="Code: 0xf814"> 850         <div class="span3" title="Code: 0xf814">
826           <i class="demo-icon porto-icon-basket">&#xf814;</i> <span class="i-name">porto-icon-basket</span><span class="i-code">0xf814</span> 851           <i class="demo-icon porto-icon-basket">&#xf814;</i> <span class="i-name">porto-icon-basket</span><span class="i-code">0xf814</span>
827         </div> 852         </div>
828       </div>    
829       <div class="row">    
830         <div class="span3" title="Code: 0xf815"> 853         <div class="span3" title="Code: 0xf815">
831           <i class="demo-icon porto-icon-mini-cart">&#xf815;</i> <span class="i-name">porto-icon-mini-cart</span><span class="i-code">0xf815</span> 854           <i class="demo-icon porto-icon-mini-cart">&#xf815;</i> <span class="i-name">porto-icon-mini-cart</span><span class="i-code">0xf815</span>
832         </div> 855         </div>
    856       </div>
    857       <div class="row">
833         <div class="span3" title="Code: 0xf816"> 858         <div class="span3" title="Code: 0xf816">
834           <i class="demo-icon porto-icon-heart">&#xf816;</i> <span class="i-name">porto-icon-heart</span><span class="i-code">0xf816</span> 859           <i class="demo-icon porto-icon-heart">&#xf816;</i> <span class="i-name">porto-icon-heart</span><span class="i-code">0xf816</span>
835         </div> 860         </div>
836         <div class="span3" title="Code: 0xf818"> 861         <div class="span3" title="Code: 0xf818">
837           <i class="demo-icon porto-icon-search">&#xf818;</i> <span class="i-name">porto-icon-search</span><span class="i-code">0xf818</span> 862           <i class="demo-icon porto-icon-search">&#xf818;</i> <span class="i-name">porto-icon-search</span><span class="i-code">0xf818</span>
838         </div> 863         </div>
839         <div class="span3" title="Code: 0xf819"> 864         <div class="span3" title="Code: 0xf819">
840           <i class="demo-icon porto-icon-cancel-2">&#xf819;</i> <span class="i-name">porto-icon-cancel-2</span><span class="i-code">0xf819</span> 865           <i class="demo-icon porto-icon-cancel-2">&#xf819;</i> <span class="i-name">porto-icon-cancel-2</span><span class="i-code">0xf819</span>
841         </div> 866         </div>
842       </div>    
843       <div class="row">    
844         <div class="span3" title="Code: 0xf81a"> 867         <div class="span3" title="Code: 0xf81a">
845           <i class="demo-icon porto-icon-cancel-mini">&#xf81a;</i> <span class="i-name">porto-icon-cancel-mini</span><span class="i-code">0xf81a</span> 868           <i class="demo-icon porto-icon-cancel-mini">&#xf81a;</i> <span class="i-name">porto-icon-cancel-mini</span><span class="i-code">0xf81a</span>
846         </div> 869         </div>
    870       </div>
    871       <div class="row">
847         <div class="span3" title="Code: 0xf820"> 872         <div class="span3" title="Code: 0xf820">
848           <i class="demo-icon porto-icon-up-dir">&#xf820;</i> <span class="i-name">porto-icon-up-dir</span><span class="i-code">0xf820</span> 873           <i class="demo-icon porto-icon-up-dir">&#xf820;</i> <span class="i-name">porto-icon-up-dir</span><span class="i-code">0xf820</span>
849         </div> 874         </div>
850         <div class="span3" title="Code: 0xf821"> 875         <div class="span3" title="Code: 0xf821">
851           <i class="demo-icon porto-icon-right-dir">&#xf821;</i> <span class="i-name">porto-icon-right-dir</span><span class="i-code">0xf821</span> 876           <i class="demo-icon porto-icon-right-dir">&#xf821;</i> <span class="i-name">porto-icon-right-dir</span><span class="i-code">0xf821</span>
852         </div> 877         </div>
853         <div class="span3" title="Code: 0xf822"> 878         <div class="span3" title="Code: 0xf822">
854           <i class="demo-icon porto-icon-left-dir">&#xf822;</i> <span class="i-name">porto-icon-left-dir</span><span class="i-code">0xf822</span> 879           <i class="demo-icon porto-icon-left-dir">&#xf822;</i> <span class="i-name">porto-icon-left-dir</span><span class="i-code">0xf822</span>
855         </div> 880         </div>
856       </div>    
857       <div class="row">    
858         <div class="span3" title="Code: 0xf823"> 881         <div class="span3" title="Code: 0xf823">
859           <i class="demo-icon porto-icon-down-dir">&#xf823;</i> <span class="i-name">porto-icon-down-dir</span><span class="i-code">0xf823</span> 882           <i class="demo-icon porto-icon-down-dir">&#xf823;</i> <span class="i-name">porto-icon-down-dir</span><span class="i-code">0xf823</span>
860         </div> 883         </div>
    884       </div>
    885       <div class="row">
861         <div class="span3" title="Code: 0xf824"> 886         <div class="span3" title="Code: 0xf824">
862           <i class="demo-icon porto-icon-phone">&#xf824;</i> <span class="i-name">porto-icon-phone</span><span class="i-code">0xf824</span> 887           <i class="demo-icon porto-icon-phone">&#xf824;</i> <span class="i-name">porto-icon-phone</span><span class="i-code">0xf824</span>
863         </div> 888         </div>
864         <div class="span3" title="Code: 0xf825"> 889         <div class="span3" title="Code: 0xf825">
865           <i class="demo-icon porto-icon-pencil">&#xf825;</i> <span class="i-name">porto-icon-pencil</span><span class="i-code">0xf825</span> 890           <i class="demo-icon porto-icon-pencil">&#xf825;</i> <span class="i-name">porto-icon-pencil</span><span class="i-code">0xf825</span>
866         </div> 891         </div>
867         <div class="span3" title="Code: 0xf826"> 892         <div class="span3" title="Code: 0xf826">
868           <i class="demo-icon porto-icon-pencil-mini">&#xf826;</i> <span class="i-name">porto-icon-pencil-mini</span><span class="i-code">0xf826</span> 893           <i class="demo-icon porto-icon-pencil-mini">&#xf826;</i> <span class="i-name">porto-icon-pencil-mini</span><span class="i-code">0xf826</span>
869         </div> 894         </div>
870       </div>    
871       <div class="row">    
872         <div class="span3" title="Code: 0xf827"> 895         <div class="span3" title="Code: 0xf827">
873           <i class="demo-icon porto-icon-menu">&#xf827;</i> <span class="i-name">porto-icon-menu</span><span class="i-code">0xf827</span> 896           <i class="demo-icon porto-icon-menu">&#xf827;</i> <span class="i-name">porto-icon-menu</span><span class="i-code">0xf827</span>
874         </div> 897         </div>
    898       </div>
    899       <div class="row">
875         <div class="span3" title="Code: 0xf828"> 900         <div class="span3" title="Code: 0xf828">
876           <i class="demo-icon porto-icon-location">&#xf828;</i> <span class="i-name">porto-icon-location</span><span class="i-code">0xf828</span> 901           <i class="demo-icon porto-icon-location">&#xf828;</i> <span class="i-name">porto-icon-location</span><span class="i-code">0xf828</span>
877         </div> 902         </div>
878         <div class="span3" title="Code: 0xf829"> 903         <div class="span3" title="Code: 0xf829">
879           <i class="demo-icon porto-icon-mail">&#xf829;</i> <span class="i-name">porto-icon-mail</span><span class="i-code">0xf829</span> 904           <i class="demo-icon porto-icon-mail">&#xf829;</i> <span class="i-name">porto-icon-mail</span><span class="i-code">0xf829</span>
880         </div> 905         </div>
881         <div class="span3" title="Code: 0xf82a"> 906         <div class="span3" title="Code: 0xf82a">
882           <i class="demo-icon porto-icon-clock">&#xf82a;</i> <span class="i-name">porto-icon-clock</span><span class="i-code">0xf82a</span> 907           <i class="demo-icon porto-icon-clock">&#xf82a;</i> <span class="i-name">porto-icon-clock</span><span class="i-code">0xf82a</span>
883         </div> 908         </div>
884       </div>    
885       <div class="row">    
886         <div class="span3" title="Code: 0xf82b"> 909         <div class="span3" title="Code: 0xf82b">
887           <i class="demo-icon porto-icon-ok">&#xf82b;</i> <span class="i-name">porto-icon-ok</span><span class="i-code">0xf82b</span> 910           <i class="demo-icon porto-icon-ok">&#xf82b;</i> <span class="i-name">porto-icon-ok</span><span class="i-code">0xf82b</span>
888         </div> 911         </div>
    912       </div>
    913       <div class="row">
889         <div class="span3" title="Code: 0xf82c"> 914         <div class="span3" title="Code: 0xf82c">
890           <i class="demo-icon porto-icon-plus-squared-alt">&#xf82c;</i> <span class="i-name">porto-icon-plus-squared-alt</span><span class="i-code">0xf82c</span> 915           <i class="demo-icon porto-icon-plus-squared-alt">&#xf82c;</i> <span class="i-name">porto-icon-plus-squared-alt</span><span class="i-code">0xf82c</span>
891         </div> 916         </div>
892         <div class="span3" title="Code: 0xf82d"> 917         <div class="span3" title="Code: 0xf82d">
893           <i class="demo-icon porto-icon-minus-squared-alt">&#xf82d;</i> <span class="i-name">porto-icon-minus-squared-alt</span><span class="i-code">0xf82d</span> 918           <i class="demo-icon porto-icon-minus-squared-alt">&#xf82d;</i> <span class="i-name">porto-icon-minus-squared-alt</span><span class="i-code">0xf82d</span>
894         </div> 919         </div>
895         <div class="span3" title="Code: 0xf82e"> 920         <div class="span3" title="Code: 0xf82e">
896           <i class="demo-icon porto-icon-plus-squared">&#xf82e;</i> <span class="i-name">porto-icon-plus-squared</span><span class="i-code">0xf82e</span> 921           <i class="demo-icon porto-icon-plus-squared">&#xf82e;</i> <span class="i-name">porto-icon-plus-squared</span><span class="i-code">0xf82e</span>
897         </div> 922         </div>
898       </div>    
899       <div class="row">    
900         <div class="span3" title="Code: 0xf82f"> 923         <div class="span3" title="Code: 0xf82f">
901           <i class="demo-icon porto-icon-minus-squared">&#xf82f;</i> <span class="i-name">porto-icon-minus-squared</span><span class="i-code">0xf82f</span> 924           <i class="demo-icon porto-icon-minus-squared">&#xf82f;</i> <span class="i-name">porto-icon-minus-squared</span><span class="i-code">0xf82f</span>
902         </div> 925         </div>
    926       </div>
    927       <div class="row">
903         <div class="span3" title="Code: 0xf830"> 928         <div class="span3" title="Code: 0xf830">
904           <i class="demo-icon porto-icon-truck">&#xf830;</i> <span class="i-name">porto-icon-truck</span><span class="i-code">0xf830</span> 929           <i class="demo-icon porto-icon-truck">&#xf830;</i> <span class="i-name">porto-icon-truck</span><span class="i-code">0xf830</span>
905         </div> 930         </div>
906         <div class="span3" title="Code: 0xf831"> 931         <div class="span3" title="Code: 0xf831">
907           <i class="demo-icon porto-icon-dollar">&#xf831;</i> <span class="i-name">porto-icon-dollar</span><span class="i-code">0xf831</span> 932           <i class="demo-icon porto-icon-dollar">&#xf831;</i> <span class="i-name">porto-icon-dollar</span><span class="i-code">0xf831</span>
908         </div> 933         </div>
909         <div class="span3" title="Code: 0xf832"> 934         <div class="span3" title="Code: 0xf832">
910           <i class="demo-icon porto-icon-lifebuoy">&#xf832;</i> <span class="i-name">porto-icon-lifebuoy</span><span class="i-code">0xf832</span> 935           <i class="demo-icon porto-icon-lifebuoy">&#xf832;</i> <span class="i-name">porto-icon-lifebuoy</span><span class="i-code">0xf832</span>
911         </div> 936         </div>
912       </div>    
913       <div class="row">    
914         <div class="span3" title="Code: 0xf833"> 937         <div class="span3" title="Code: 0xf833">
915           <i class="demo-icon porto-icon-facebook">&#xf833;</i> <span class="i-name">porto-icon-facebook</span><span class="i-code">0xf833</span> 938           <i class="demo-icon porto-icon-facebook">&#xf833;</i> <span class="i-name">porto-icon-facebook</span><span class="i-code">0xf833</span>
916         </div> 939         </div>
    940       </div>
    941       <div class="row">
917         <div class="span3" title="Code: 0xf834"> 942         <div class="span3" title="Code: 0xf834">
918           <i class="demo-icon porto-icon-twitter">&#xf834;</i> <span class="i-name">porto-icon-twitter</span><span class="i-code">0xf834</span> 943           <i class="demo-icon porto-icon-twitter">&#xf834;</i> <span class="i-name">porto-icon-twitter</span><span class="i-code">0xf834</span>
919         </div> 944         </div>
920         <div class="span3" title="Code: 0xf835"> 945         <div class="span3" title="Code: 0xf835">
921           <i class="demo-icon porto-icon-linkedin-squared">&#xf835;</i> <span class="i-name">porto-icon-linkedin-squared</span><span class="i-code">0xf835</span> 946           <i class="demo-icon porto-icon-linkedin-squared">&#xf835;</i> <span class="i-name">porto-icon-linkedin-squared</span><span class="i-code">0xf835</span>
922         </div> 947         </div>
923         <div class="span3" title="Code: 0xf836"> 948         <div class="span3" title="Code: 0xf836">
924           <i class="demo-icon porto-icon-pinterest">&#xf836;</i> <span class="i-name">porto-icon-pinterest</span><span class="i-code">0xf836</span> 949           <i class="demo-icon porto-icon-pinterest">&#xf836;</i> <span class="i-name">porto-icon-pinterest</span><span class="i-code">0xf836</span>
925         </div> 950         </div>
926       </div>    
927       <div class="row">    
928         <div class="span3" title="Code: 0xf837"> 951         <div class="span3" title="Code: 0xf837">
929           <i class="demo-icon porto-icon-gplus">&#xf837;</i> <span class="i-name">porto-icon-gplus</span><span class="i-code">0xf837</span> 952           <i class="demo-icon porto-icon-gplus">&#xf837;</i> <span class="i-name">porto-icon-gplus</span><span class="i-code">0xf837</span>
930         </div> 953         </div>
    954       </div>
    955       <div class="row">
931         <div class="span3" title="Code: 0xf838"> 956         <div class="span3" title="Code: 0xf838">
932           <i class="demo-icon porto-icon-youtube">&#xf838;</i> <span class="i-name">porto-icon-youtube</span><span class="i-code">0xf838</span> 957           <i class="demo-icon porto-icon-youtube">&#xf838;</i> <span class="i-name">porto-icon-youtube</span><span class="i-code">0xf838</span>
933         </div> 958         </div>
934         <div class="span3" title="Code: 0xf839"> 959         <div class="span3" title="Code: 0xf839">
935           <i class="demo-icon porto-icon-th">&#xf839;</i> <span class="i-name">porto-icon-th</span><span class="i-code">0xf839</span> 960           <i class="demo-icon porto-icon-th">&#xf839;</i> <span class="i-name">porto-icon-th</span><span class="i-code">0xf839</span>
936         </div> 961         </div>
937         <div class="span3" title="Code: 0xf83a"> 962         <div class="span3" title="Code: 0xf83a">
938           <i class="demo-icon porto-icon-th-list">&#xf83a;</i> <span class="i-name">porto-icon-th-list</span><span class="i-code">0xf83a</span> 963           <i class="demo-icon porto-icon-th-list">&#xf83a;</i> <span class="i-name">porto-icon-th-list</span><span class="i-code">0xf83a</span>
939         </div> 964         </div>
940       </div>    
941       <div class="row">    
942         <div class="span3" title="Code: 0xf83b"> 965         <div class="span3" title="Code: 0xf83b">
943           <i class="demo-icon porto-icon-chart-bar">&#xf83b;</i> <span class="i-name">porto-icon-chart-bar</span><span class="i-code">0xf83b</span> 966           <i class="demo-icon porto-icon-chart-bar">&#xf83b;</i> <span class="i-name">porto-icon-chart-bar</span><span class="i-code">0xf83b</span>
944         </div> 967         </div>
    968       </div>
    969       <div class="row">
945         <div class="span3" title="Code: 0xf83c"> 970         <div class="span3" title="Code: 0xf83c">
946           <i class="demo-icon porto-icon-heart-empty">&#xf83c;</i> <span class="i-name">porto-icon-heart-empty</span><span class="i-code">0xf83c</span> 971           <i class="demo-icon porto-icon-heart-empty">&#xf83c;</i> <span class="i-name">porto-icon-heart-empty</span><span class="i-code">0xf83c</span>
947         </div> 972         </div>
948         <div class="span3" title="Code: 0xf83d"> 973         <div class="span3" title="Code: 0xf83d">
949           <i class="demo-icon porto-icon-instagram">&#xf83d;</i> <span class="i-name">porto-icon-instagram</span><span class="i-code">0xf83d</span> 974           <i class="demo-icon porto-icon-instagram">&#xf83d;</i> <span class="i-name">porto-icon-instagram</span><span class="i-code">0xf83d</span>
950         </div> 975         </div>
951         <div class="span3" title="Code: 0xf840"> 976         <div class="span3" title="Code: 0xf840">
952           <i class="demo-icon porto-icon-up">&#xf840;</i> <span class="i-name">porto-icon-up</span><span class="i-code">0xf840</span> 977           <i class="demo-icon porto-icon-up">&#xf840;</i> <span class="i-name">porto-icon-up</span><span class="i-code">0xf840</span>
953         </div> 978         </div>
954       </div>    
955       <div class="row">    
956         <div class="span3" title="Code: 0xf841"> 979         <div class="span3" title="Code: 0xf841">
957           <i class="demo-icon porto-icon-right">&#xf841;</i> <span class="i-name">porto-icon-right</span><span class="i-code">0xf841</span> 980           <i class="demo-icon porto-icon-right">&#xf841;</i> <span class="i-name">porto-icon-right</span><span class="i-code">0xf841</span>
958         </div> 981         </div>
    982       </div>
    983       <div class="row">
959         <div class="span3" title="Code: 0xf842"> 984         <div class="span3" title="Code: 0xf842">
960           <i class="demo-icon porto-icon-down">&#xf842;</i> <span class="i-name">porto-icon-down</span><span class="i-code">0xf842</span> 985           <i class="demo-icon porto-icon-down">&#xf842;</i> <span class="i-name">porto-icon-down</span><span class="i-code">0xf842</span>
961         </div> 986         </div>
962         <div class="span3" title="Code: 0xf843"> 987         <div class="span3" title="Code: 0xf843">
963           <i class="demo-icon porto-icon-left">&#xf843;</i> <span class="i-name">porto-icon-left</span><span class="i-code">0xf843</span> 988           <i class="demo-icon porto-icon-left">&#xf843;</i> <span class="i-name">porto-icon-left</span><span class="i-code">0xf843</span>
964         </div> 989         </div>
965         <div class="span3" title="Code: 0xf844"> 990         <div class="span3" title="Code: 0xf844">
966           <i class="demo-icon porto-icon-star">&#xf844;</i> <span class="i-name">porto-icon-star</span><span class="i-code">0xf844</span> 991           <i class="demo-icon porto-icon-star">&#xf844;</i> <span class="i-name">porto-icon-star</span><span class="i-code">0xf844</span>
967         </div> 992         </div>
968       </div>    
969       <div class="row">    
970         <div class="span3" title="Code: 0xf845"> 993         <div class="span3" title="Code: 0xf845">
971           <i class="demo-icon porto-icon-star-empty">&#xf845;</i> <span class="i-name">porto-icon-star-empty</span><span class="i-code">0xf845</span> 994           <i class="demo-icon porto-icon-star-empty">&#xf845;</i> <span class="i-name">porto-icon-star-empty</span><span class="i-code">0xf845</span>
972         </div> 995         </div>
    996       </div>
    997       <div class="row">
973         <div class="span3" title="Code: 0xf846"> 998         <div class="span3" title="Code: 0xf846">
974           <i class="demo-icon porto-icon-ok-circled">&#xf846;</i> <span class="i-name">porto-icon-ok-circled</span><span class="i-code">0xf846</span> 999           <i class="demo-icon porto-icon-ok-circled">&#xf846;</i> <span class="i-name">porto-icon-ok-circled</span><span class="i-code">0xf846</span>
975         </div> 1000         </div>
976         <div class="span3" title="Code: 0xf847"> 1001         <div class="span3" title="Code: 0xf847">
977           <i class="demo-icon porto-icon-cancel-circled">&#xf847;</i> <span class="i-name">porto-icon-cancel-circled</span><span class="i-code">0xf847</span> 1002           <i class="demo-icon porto-icon-cancel-circled">&#xf847;</i> <span class="i-name">porto-icon-cancel-circled</span><span class="i-code">0xf847</span>
978         </div> 1003         </div>
979         <div class="span3" title="Code: 0xf848"> 1004         <div class="span3" title="Code: 0xf848">
980           <i class="demo-icon porto-icon-help-circled">&#xf848;</i> <span class="i-name">porto-icon-help-circled</span><span class="i-code">0xf848</span> 1005           <i class="demo-icon porto-icon-help-circled">&#xf848;</i> <span class="i-name">porto-icon-help-circled</span><span class="i-code">0xf848</span>
981         </div> 1006         </div>
982       </div>    
983       <div class="row">    
984         <div class="span3" title="Code: 0xf849"> 1007         <div class="span3" title="Code: 0xf849">
985           <i class="demo-icon porto-icon-info-circled">&#xf849;</i> <span class="i-name">porto-icon-info-circled</span><span class="i-code">0xf849</span> 1008           <i class="demo-icon porto-icon-info-circled">&#xf849;</i> <span class="i-name">porto-icon-info-circled</span><span class="i-code">0xf849</span>
986         </div> 1009         </div>
    1010       </div>
    1011       <div class="row">
987         <div class="span3" title="Code: 0xf84a"> 1012         <div class="span3" title="Code: 0xf84a">
988           <i class="demo-icon porto-icon-attention">&#xf84a;</i> <span class="i-name">porto-icon-attention</span><span class="i-code">0xf84a</span> 1013           <i class="demo-icon porto-icon-attention">&#xf84a;</i> <span class="i-name">porto-icon-attention</span><span class="i-code">0xf84a</span>
989         </div> 1014         </div>
990         <div class="span3" title="Code: 0xf84b"> 1015         <div class="span3" title="Code: 0xf84b">
991           <i class="demo-icon porto-icon-mobile">&#xf84b;</i> <span class="i-name">porto-icon-mobile</span><span class="i-code">0xf84b</span> 1016           <i class="demo-icon porto-icon-mobile">&#xf84b;</i> <span class="i-name">porto-icon-mobile</span><span class="i-code">0xf84b</span>
992         </div> 1017         </div>
993         <div class="span3" title="Code: 0xf84c"> 1018         <div class="span3" title="Code: 0xf84c">
994           <i class="demo-icon porto-icon-mail-alt">&#xf84c;</i> <span class="i-name">porto-icon-mail-alt</span><span class="i-code">0xf84c</span> 1019           <i class="demo-icon porto-icon-mail-alt">&#xf84c;</i> <span class="i-name">porto-icon-mail-alt</span><span class="i-code">0xf84c</span>
995         </div> 1020         </div>
996       </div>    
997       <div class="row">    
998         <div class="span3" title="Code: 0xf84d"> 1021         <div class="span3" title="Code: 0xf84d">
999           <i class="demo-icon porto-icon-skype">&#xf84d;</i> <span class="i-name">porto-icon-skype</span><span class="i-code">0xf84d</span> 1022           <i class="demo-icon porto-icon-skype">&#xf84d;</i> <span class="i-name">porto-icon-skype</span><span class="i-code">0xf84d</span>
1000         </div> 1023         </div>
    1024       </div>
    1025       <div class="row">
1001         <div class="span3" title="Code: 0xf84e"> 1026         <div class="span3" title="Code: 0xf84e">
1002           <i class="demo-icon porto-icon-doc">&#xf84e;</i> <span class="i-name">porto-icon-doc</span><span class="i-code">0xf84e</span> 1027           <i class="demo-icon porto-icon-doc">&#xf84e;</i> <span class="i-name">porto-icon-doc</span><span class="i-code">0xf84e</span>
1003         </div> 1028         </div>
1004         <div class="span3" title="Code: 0xf850"> 1029         <div class="span3" title="Code: 0xf850">
1005           <i class="demo-icon porto-icon-user">&#xf850;</i> <span class="i-name">porto-icon-user</span><span class="i-code">0xf850</span> 1030           <i class="demo-icon porto-icon-user">&#xf850;</i> <span class="i-name">porto-icon-user</span><span class="i-code">0xf850</span>
1006         </div> 1031         </div>
1007         <div class="span3" title="Code: 0xf851"> 1032         <div class="span3" title="Code: 0xf851">
1008           <i class="demo-icon porto-icon-help">&#xf851;</i> <span class="i-name">porto-icon-help</span><span class="i-code">0xf851</span> 1033           <i class="demo-icon porto-icon-help">&#xf851;</i> <span class="i-name">porto-icon-help</span><span class="i-code">0xf851</span>
1009         </div> 1034         </div>
1010       </div>    
1011       <div class="row">    
1012         <div class="span3" title="Code: 0xf852"> 1035         <div class="span3" title="Code: 0xf852">
1013           <i class="demo-icon porto-icon-info">&#xf852;</i> <span class="i-name">porto-icon-info</span><span class="i-code">0xf852</span> 1036           <i class="demo-icon porto-icon-info">&#xf852;</i> <span class="i-name">porto-icon-info</span><span class="i-code">0xf852</span>
1014         </div> 1037         </div>
    1038       </div>
    1039       <div class="row">
1015         <div class="span3" title="Code: 0xf853"> 1040         <div class="span3" title="Code: 0xf853">
1016           <i class="demo-icon porto-icon-help-circled-alt">&#xf853;</i> <span class="i-name">porto-icon-help-circled-alt</span><span class="i-code">0xf853</span> 1041           <i class="demo-icon porto-icon-help-circled-alt">&#xf853;</i> <span class="i-name">porto-icon-help-circled-alt</span><span class="i-code">0xf853</span>
1017         </div> 1042         </div>
1018         <div class="span3" title="Code: 0xf854"> 1043         <div class="span3" title="Code: 0xf854">
1019           <i class="demo-icon porto-icon-info-circled-alt">&#xf854;</i> <span class="i-name">porto-icon-info-circled-alt</span><span class="i-code">0xf854</span> 1044           <i class="demo-icon porto-icon-info-circled-alt">&#xf854;</i> <span class="i-name">porto-icon-info-circled-alt</span><span class="i-code">0xf854</span>
1020         </div> 1045         </div>
1021         <div class="span3" title="Code: 0xf855"> 1046         <div class="span3" title="Code: 0xf855">
1022           <i class="demo-icon porto-icon-chevron-left">&#xf855;</i> <span class="i-name">porto-icon-chevron-left</span><span class="i-code">0xf855</span> 1047           <i class="demo-icon porto-icon-chevron-left">&#xf855;</i> <span class="i-name">porto-icon-chevron-left</span><span class="i-code">0xf855</span>
1023         </div> 1048         </div>
1024       </div>    
1025       <div class="row">    
1026         <div class="span3" title="Code: 0xf856"> 1049         <div class="span3" title="Code: 0xf856">
1027           <i class="demo-icon porto-icon-chevron-right">&#xf856;</i> <span class="i-name">porto-icon-chevron-right</span><span class="i-code">0xf856</span> 1050           <i class="demo-icon porto-icon-chevron-right">&#xf856;</i> <span class="i-name">porto-icon-chevron-right</span><span class="i-code">0xf856</span>
1028         </div> 1051         </div>
    1052       </div>
    1053       <div class="row">
1029         <div class="span3" title="Code: 0xf857"> 1054         <div class="span3" title="Code: 0xf857">
1030           <i class="demo-icon porto-icon-reply">&#xf857;</i> <span class="i-name">porto-icon-reply</span><span class="i-code">0xf857</span> 1055           <i class="demo-icon porto-icon-reply">&#xf857;</i> <span class="i-name">porto-icon-reply</span><span class="i-code">0xf857</span>
1031         </div> 1056         </div>
1032         <div class="span3" title="Code: 0xf858"> 1057         <div class="span3" title="Code: 0xf858">
1033           <i class="demo-icon porto-icon-paper-plane">&#xf858;</i> <span class="i-name">porto-icon-paper-plane</span><span class="i-code">0xf858</span> 1058           <i class="demo-icon porto-icon-paper-plane">&#xf858;</i> <span class="i-name">porto-icon-paper-plane</span><span class="i-code">0xf858</span>
1034         </div> 1059         </div>
1035         <div class="span3" title="Code: 0xf859"> 1060         <div class="span3" title="Code: 0xf859">
1036           <i class="demo-icon porto-icon-magnify">&#xf859;</i> <span class="i-name">porto-icon-magnify</span><span class="i-code">0xf859</span> 1061           <i class="demo-icon porto-icon-magnify">&#xf859;</i> <span class="i-name">porto-icon-magnify</span><span class="i-code">0xf859</span>
1037         </div> 1062         </div>
1038       </div>    
1039       <div class="row">    
1040         <div class="span3" title="Code: 0xf85a"> 1063         <div class="span3" title="Code: 0xf85a">
1041           <i class="demo-icon porto-icon-zoom-in">&#xf85a;</i> <span class="i-name">porto-icon-zoom-in</span><span class="i-code">0xf85a</span> 1064           <i class="demo-icon porto-icon-zoom-in">&#xf85a;</i> <span class="i-name">porto-icon-zoom-in</span><span class="i-code">0xf85a</span>
1042         </div> 1065         </div>
    1066       </div>
    1067       <div class="row">
1043         <div class="span3" title="Code: 0xf85b"> 1068         <div class="span3" title="Code: 0xf85b">
1044           <i class="demo-icon porto-icon-zoom-out">&#xf85b;</i> <span class="i-name">porto-icon-zoom-out</span><span class="i-code">0xf85b</span> 1069           <i class="demo-icon porto-icon-zoom-out">&#xf85b;</i> <span class="i-name">porto-icon-zoom-out</span><span class="i-code">0xf85b</span>
1045         </div> 1070         </div>
1046         <div class="span3" title="Code: 0xf860"> 1071         <div class="span3" title="Code: 0xf860">
1047           <i class="demo-icon porto-icon-chat">&#xf860;</i> <span class="i-name">porto-icon-chat</span><span class="i-code">0xf860</span> 1072           <i class="demo-icon porto-icon-chat">&#xf860;</i> <span class="i-name">porto-icon-chat</span><span class="i-code">0xf860</span>
1048         </div> 1073         </div>
1049         <div class="span3" title="Code: 0xf861"> 1074         <div class="span3" title="Code: 0xf861">
1050           <i class="demo-icon porto-icon-folder">&#xf861;</i> <span class="i-name">porto-icon-folder</span><span class="i-code">0xf861</span> 1075           <i class="demo-icon porto-icon-folder">&#xf861;</i> <span class="i-name">porto-icon-folder</span><span class="i-code">0xf861</span>
1051         </div> 1076         </div>
1052       </div>    
1053       <div class="row">    
1054         <div class="span3" title="Code: 0xf862"> 1077         <div class="span3" title="Code: 0xf862">
1055           <i class="demo-icon porto-icon-folder-open">&#xf862;</i> <span class="i-name">porto-icon-folder-open</span><span class="i-code">0xf862</span> 1078           <i class="demo-icon porto-icon-folder-open">&#xf862;</i> <span class="i-name">porto-icon-folder-open</span><span class="i-code">0xf862</span>
1056         </div> 1079         </div>
    1080       </div>
    1081       <div class="row">
1057         <div class="span3" title="Code: 0xf863"> 1082         <div class="span3" title="Code: 0xf863">
1058           <i class="demo-icon porto-icon-tag">&#xf863;</i> <span class="i-name">porto-icon-tag</span><span class="i-code">0xf863</span> 1083           <i class="demo-icon porto-icon-tag">&#xf863;</i> <span class="i-name">porto-icon-tag</span><span class="i-code">0xf863</span>
1059         </div> 1084         </div>
1060         <div class="span3" title="Code: 0xf864"> 1085         <div class="span3" title="Code: 0xf864">
1061           <i class="demo-icon porto-icon-tags">&#xf864;</i> <span class="i-name">porto-icon-tags</span><span class="i-code">0xf864</span> 1086           <i class="demo-icon porto-icon-tags">&#xf864;</i> <span class="i-name">porto-icon-tags</span><span class="i-code">0xf864</span>
1062         </div> 1087         </div>
1063         <div class="span3" title="Code: 0xf865"> 1088         <div class="span3" title="Code: 0xf865">
1064           <i class="demo-icon porto-icon-calendar">&#xf865;</i> <span class="i-name">porto-icon-calendar</span><span class="i-code">0xf865</span> 1089           <i class="demo-icon porto-icon-calendar">&#xf865;</i> <span class="i-name">porto-icon-calendar</span><span class="i-code">0xf865</span>
1065         </div> 1090         </div>
1066       </div>    
1067       <div class="row">    
1068         <div class="span3" title="Code: 0xf870"> 1091         <div class="span3" title="Code: 0xf870">
1069           <i class="demo-icon porto-icon-circle-empty">&#xf870;</i> <span class="i-name">porto-icon-circle-empty</span><span class="i-code">0xf870</span> 1092           <i class="demo-icon porto-icon-circle-empty">&#xf870;</i> <span class="i-name">porto-icon-circle-empty</span><span class="i-code">0xf870</span>
1070         </div> 1093         </div>
    1094       </div>
    1095       <div class="row">
1071         <div class="span3" title="Code: 0xf871"> 1096         <div class="span3" title="Code: 0xf871">
1072           <i class="demo-icon porto-icon-shirt">&#xf871;</i> <span class="i-name">porto-icon-shirt</span><span class="i-code">0xf871</span> 1097           <i class="demo-icon porto-icon-shirt">&#xf871;</i> <span class="i-name">porto-icon-shirt</span><span class="i-code">0xf871</span>
1073         </div> 1098         </div>
1074         <div class="span3" title="Code: 0xf872"> 1099         <div class="span3" title="Code: 0xf872">
1075           <i class="demo-icon porto-icon-computer">&#xf872;</i> <span class="i-name">porto-icon-computer</span><span class="i-code">0xf872</span> 1100           <i class="demo-icon porto-icon-computer">&#xf872;</i> <span class="i-name">porto-icon-computer</span><span class="i-code">0xf872</span>
1076         </div> 1101         </div>
1077         <div class="span3" title="Code: 0xf873"> 1102         <div class="span3" title="Code: 0xf873">
1078           <i class="demo-icon porto-icon-toys">&#xf873;</i> <span class="i-name">porto-icon-toys</span><span class="i-code">0xf873</span> 1103           <i class="demo-icon porto-icon-toys">&#xf873;</i> <span class="i-name">porto-icon-toys</span><span class="i-code">0xf873</span>
1079         </div> 1104         </div>
1080       </div>    
1081       <div class="row">    
1082         <div class="span3" title="Code: 0xf874"> 1105         <div class="span3" title="Code: 0xf874">
1083           <i class="demo-icon porto-icon-garden">&#xf874;</i> <span class="i-name">porto-icon-garden</span><span class="i-code">0xf874</span> 1106           <i class="demo-icon porto-icon-garden">&#xf874;</i> <span class="i-name">porto-icon-garden</span><span class="i-code">0xf874</span>
1084         </div> 1107         </div>
    1108       </div>
    1109       <div class="row">
1085         <div class="span3" title="Code: 0xf875"> 1110         <div class="span3" title="Code: 0xf875">
1086           <i class="demo-icon porto-icon-couch">&#xf875;</i> <span class="i-name">porto-icon-couch</span><span class="i-code">0xf875</span> 1111           <i class="demo-icon porto-icon-couch">&#xf875;</i> <span class="i-name">porto-icon-couch</span><span class="i-code">0xf875</span>
1087         </div> 1112         </div>
1088         <div class="span3" title="Code: 0xf876"> 1113         <div class="span3" title="Code: 0xf876">
1089           <i class="demo-icon porto-icon-sports">&#xf876;</i> <span class="i-name">porto-icon-sports</span><span class="i-code">0xf876</span> 1114           <i class="demo-icon porto-icon-sports">&#xf876;</i> <span class="i-name">porto-icon-sports</span><span class="i-code">0xf876</span>
1090         </div> 1115         </div>
1091         <div class="span3" title="Code: 0xf877"> 1116         <div class="span3" title="Code: 0xf877">
1092           <i class="demo-icon porto-icon-gift">&#xf877;</i> <span class="i-name">porto-icon-gift</span><span class="i-code">0xf877</span> 1117           <i class="demo-icon porto-icon-gift">&#xf877;</i> <span class="i-name">porto-icon-gift</span><span class="i-code">0xf877</span>
1093         </div> 1118         </div>
1094       </div>    
1095       <div class="row">    
1096         <div class="span3" title="Code: 0xf878"> 1119         <div class="span3" title="Code: 0xf878">
1097           <i class="demo-icon porto-icon-eye">&#xf878;</i> <span class="i-name">porto-icon-eye</span><span class="i-code">0xf878</span> 1120           <i class="demo-icon porto-icon-eye">&#xf878;</i> <span class="i-name">porto-icon-eye</span><span class="i-code">0xf878</span>
1098         </div> 1121         </div>
    1122       </div>
    1123       <div class="row">
1099         <div class="span3" title="Code: 0xf879"> 1124         <div class="span3" title="Code: 0xf879">
1100           <i class="demo-icon porto-icon-export">&#xf879;</i> <span class="i-name">porto-icon-export</span><span class="i-code">0xf879</span> 1125           <i class="demo-icon porto-icon-export">&#xf879;</i> <span class="i-name">porto-icon-export</span><span class="i-code">0xf879</span>
1101         </div> 1126         </div>
1102         <div class="span3" title="Code: 0xf87a"> 1127         <div class="span3" title="Code: 0xf87a">
1103           <i class="demo-icon porto-icon-bag-4">&#xf87a;</i> <span class="i-name">porto-icon-bag-4</span><span class="i-code">0xf87a</span> 1128           <i class="demo-icon porto-icon-bag-4">&#xf87a;</i> <span class="i-name">porto-icon-bag-4</span><span class="i-code">0xf87a</span>
1104         </div> 1129         </div>
1105         <div class="span3" title="Code: 0xf87b"> 1130         <div class="span3" title="Code: 0xf87b">
1106           <i class="demo-icon porto-icon-search-3">&#xf87b;</i> <span class="i-name">porto-icon-search-3</span><span class="i-code">0xf87b</span> 1131           <i class="demo-icon porto-icon-search-3">&#xf87b;</i> <span class="i-name">porto-icon-search-3</span><span class="i-code">0xf87b</span>
1107         </div> 1132         </div>
1108       </div>    
1109       <div class="row">    
1110         <div class="span3" title="Code: 0xf87c"> 1133         <div class="span3" title="Code: 0xf87c">
1111           <i class="demo-icon porto-icon-check">&#xf87c;</i> <span class="i-name">porto-icon-check</span><span class="i-code">0xf87c</span> 1134           <i class="demo-icon porto-icon-check">&#xf87c;</i> <span class="i-name">porto-icon-check</span><span class="i-code">0xf87c</span>
1112         </div> 1135         </div>
    1136       </div>
    1137       <div class="row">
1113         <div class="span3" title="Code: 0xf87d"> 1138         <div class="span3" title="Code: 0xf87d">
1114           <i class="demo-icon porto-icon-check-empty">&#xf87d;</i> <span class="i-name">porto-icon-check-empty</span><span class="i-code">0xf87d</span> 1139           <i class="demo-icon porto-icon-check-empty">&#xf87d;</i> <span class="i-name">porto-icon-check-empty</span><span class="i-code">0xf87d</span>
1115         </div> 1140         </div>
1116         <div class="span3" title="Code: 0xf880"> 1141         <div class="span3" title="Code: 0xf880">
1117           <i class="demo-icon porto-icon-search-2">&#xf880;</i> <span class="i-name">porto-icon-search-2</span><span class="i-code">0xf880</span> 1142           <i class="demo-icon porto-icon-search-2">&#xf880;</i> <span class="i-name">porto-icon-search-2</span><span class="i-code">0xf880</span>
1118         </div> 1143         </div>
1119         <div class="span3" title="Code: 0xf881"> 1144         <div class="span3" title="Code: 0xf881">
1120           <i class="demo-icon porto-icon-bag-1">&#xf881;</i> <span class="i-name">porto-icon-bag-1</span><span class="i-code">0xf881</span> 1145           <i class="demo-icon porto-icon-bag-1">&#xf881;</i> <span class="i-name">porto-icon-bag-1</span><span class="i-code">0xf881</span>
1121         </div> 1146         </div>
1122       </div>    
1123       <div class="row">    
1124         <div class="span3" title="Code: 0xf882"> 1147         <div class="span3" title="Code: 0xf882">
1125           <i class="demo-icon porto-icon-plus">&#xf882;</i> <span class="i-name">porto-icon-plus</span><span class="i-code">0xf882</span> 1148           <i class="demo-icon porto-icon-plus">&#xf882;</i> <span class="i-name">porto-icon-plus</span><span class="i-code">0xf882</span>
1126         </div> 1149         </div>
    1150       </div>
    1151       <div class="row">
1127         <div class="span3" title="Code: 0xf883"> 1152         <div class="span3" title="Code: 0xf883">
1128           <i class="demo-icon porto-icon-minus">&#xf883;</i> <span class="i-name">porto-icon-minus</span><span class="i-code">0xf883</span> 1153           <i class="demo-icon porto-icon-minus">&#xf883;</i> <span class="i-name">porto-icon-minus</span><span class="i-code">0xf883</span>
1129         </div> 1154         </div>
1130       </div> 1155       </div>
1131     </div> 1156     </div>
1132     <div class="container footer">Generated by <a href="https://fontello.com">fontello.com</a></div> 1157     <div class="container footer">Generated by <a href="https://porto-icons.com">porto-icons.com</a></div>
1133   </body> 1158   </body>
1134 </html> 1159 </html>

Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.